增强|增强 overflow-y:scroll 的滚动性能
问题
网页中在使用overflow-y: scroll 后,往往会使得滚动卡顿,影响用户体验。
思路
【增强|增强 overflow-y:scroll 的滚动性能】可以从两方面入手增强滚动性能
- 使用CSS3 will-change提高页面滚动、动画等渲染性能
- -webkit-overflow-scrolling 与滚动回弹效果.
- 网页在Safari快速滚动和回弹的原理: -webkit-overflow-scrolling : touch; 的实现
- MDN -webkit-overflow-scrolling
推荐阅读
- ScrollView使用遇到的问题
- 判断scroll向上还是向下
- 增强现实涂鸦将导致广告埋伏战争
- Java8|Java8 Collections.sort()及Arrays.sort()中Lambda表达式及增强版Comparator的使用
- 来滚——你不知道的scroll~
- Vue常用插件
- 诺丽果(修复肝细胞,增强肝脏活力!)
- Android|Android 自定义有速率差的联动ScrollView
- iOS横向滚动的scrollView和系统pop手势返回冲突的解决办法
- iOS自定义控件(UISegmentedControl+UIScrollView制作QQ音乐主页面)