在ios上打开列表页,滚动的时候会出现卡顿
属性-webkit-overflow-scrolling
:
- auto: 普通滚动,当手指从触摸屏上移开,滚动立即停止;
- touch:滚动回弹效果,当手指从触摸屏上移开,内容会保持一段时间的滚动效果,继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
解决方式:
over-flow: auto; /* winphone8和android4+ */
-webkit-overflow-scrolling: touch; /* ios5+ */
如果还是不行,在滚动区域元素添加以下方法:
1.添加上overflow-y: scroll;
2.添加z-index;