1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果,设置以下实现惯性滚动和弹性效果:ios
-webkit-overflow-scrolling: touch
2.position属性致使的页面滚动不流畅问题:web
<div style="overflow-x: hidden; overflow-y: auto; position: absolute; height: 200px;"> <div style="position: relative; height: 200px;"></div> <div style="position: relative; height: 200px;"></div> <div style="position: relative; height: 200px;"></div> </div>
如上代码所示,当absolute定位的容器内存在relative定位而且高度大于外置容器时,容器的滚动会出现卡顿闪烁现象,解决方法以下所示:spa
<div style="overflow-x: hidden; overflow-y: auto; position: absolute; height: 200px;"> <div style="position: absolute; top: 0; left: 0;"> <div style="position: relative; height: 200px;"></div> <div style="position: relative; height: 200px;"></div> <div style="position: relative; height: 200px;"></div> </div> </div>
能够用一个absolute容器将内部relative元素包裹起来,即可解决滚动闪烁问题。code