-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');
});