-webkit-overflow-scroll:touch解决滑动无惯性
哪个元素/页面使用了fixed定位,就给哪个元素添加该属性。
注意:添加完后一定要在真机上测试,不要在浏览器如谷歌浏览器提供的移动端调试模式下测试……
但有时候使用fixed定位的元素是某个事件触发后而动态在当前页面上生成的一个页面,如果此时给该弹出层加上这个样式后,可能会引发其他冲突BUG等,所以在我实际开发过程中,我会使用事件来动态添加更改该样式,如:
//驱动弹窗显示的事件$('.btnShow').on('click',function(){//弹窗显示$('.iosWeb').show();//给该弹窗添加ios safari专用润滑剂$('.iosWeb').css('-webkit-overflow-scroll','touch');
})//隐藏弹窗的事件$('.btnHide').on('click',function(){//弹窗隐藏$('.iosWeb').hide();//去掉ios safari专用润滑剂$('.iosWeb').css('-webkit-overflow-scroll','auto');
}