-webkit-overflow-scroll:touch;
哪個元素/頁面使用了fixed定位,就給哪個元素添加該屬性。
注意:有時候使用fixed定位的元素是某個事件觸發(fā)后而動態(tài)在當前頁面上生成的一個頁面,如果此時給該彈出層加上這個樣式后,可能會引發(fā)其他沖突BUG等,這時可以用事件來動態(tài)添加更改該樣式,如:
//驅(qū)動彈窗顯示的事件。
$('.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');
});