最近在做一个项目，不是很复杂，但是可以分享一些知识点。首先，由于4M的限制，上图有点模糊。每个人都可以凑合使用。首先说一下刷新按钮1.给刷新按钮添加旋转动画非常简单。简单的@-webkit-keyframesrotate{from{transform:rotate(0deg);}到{transform:rotate(360deg);}}animation:rotate0.8slinearinfinite;这样button就可以旋转但是之后会出现问题：1.其他元素在旋转的过程中变得模糊2.parent的高度也会有变化。解决方案：transform:translate3d(0,0,0);z-index:1;亲测试有效！2.部分滚动better-scroll使用API??参考：http://ustbhuangyi.github.io/...说说遇到的问题：（1）在我的项目中，点击过滤按钮，会出现一个侧边栏列表是显示出来，所以我在进入页面的时候请求列表，生成过滤后的列表，创建滚动对象。问题是，当我在侧边栏中显示和隐藏列表时，滚动会在scrollerHeight丢失之前冻结几秒钟。不滚动的现象。针对这个问题：我想到的是请求数据没有进入页面，而是点击按钮后，请求界面创建了一个滚动对象，并创建了this.$nextTick(()=>{this.sideBarScroll=newBScroll("#sideBar_scroller",{scrollY:true,bounce:false,click:true});});(2)做完以上，你会发现一个问题。每次显示侧边栏都创建一个滚动对象是肯定不行的，肉眼可以看出问题的时候，会出现多个滚动条堆积在一起，也就是生成多个滚动对象解决方法：这个.$nextTick(()=>{if(!this.sideBarScroll){this.sideBarScroll=newBScroll("#sideBar_scroller",{scrollY:true,scrollbar:{fade:false,interactive:false},bounce:false,click:true});}else{this.sideBarScroll.refresh();}})好了，先分享这么多，希望对大家有帮助！
