关键点1:优化长列表的滑动流畅度
问题:在长列表中,向下滑动时,为了提高用户的使用感受,这个滑动一般都会做的很流畅。但是在网速不快的情况下,它自然会卡顿,所以为了优化网速慢带来的卡顿现象,提供了一种办法。
图示:长列表滑动:
解决办法:
betterScroll工具:
- 这个工具主要完成的功能是可以实现页面中的拖动滚动拉动属性等功能;
- 使用方法参考地址:https://ustbhuangyi.github.io/better-scroll/doc/zh-hans/
使用方法:
(1)给列表ul标签外面加上div盒子,添加class属性,给出盒子高度和溢出隐藏属性;
原因是:使用这个 betterScroll工具 必须要有自己的高度,自己盒子的滚动条,而不是靠内容撑开的滚动条,这样这个盒子才能在我们的控制范围之内,