H5网页在安卓系统里滑动还是挺流畅的,但是在苹果手机里面会异常的卡顿,优化方案如下:
overflow:auto; /* 用于 android4+,或其他设备 */
-webkit-overflow-scrolling:touch; /* 用于 ios5+ */
注意:这段代码一定要加在最外层的容器里。例如webpack中常用的app,或者html,body中。
本文针对H5页面在iOS设备上滑动卡顿的问题,提供了一种优化方案,通过添加特定CSS属性,使得页面在iOS系统下也能流畅滚动。关键代码包括:overflow:auto; 和 -webkit-overflow-scrolling:touch; 需要将这些样式应用到最外层容器。
H5网页在安卓系统里滑动还是挺流畅的,但是在苹果手机里面会异常的卡顿,优化方案如下:
overflow:auto; /* 用于 android4+,或其他设备 */
-webkit-overflow-scrolling:touch; /* 用于 ios5+ */
注意:这段代码一定要加在最外层的容器里。例如webpack中常用的app,或者html,body中。

被折叠的 条评论
为什么被折叠?