-webkit-overflow-scroll:touch解決滑動無慣性
哪個元素/頁面使用了fixed定位做入,就給哪個元素添加該屬性母蛛。
注意:添加完后一定要在真機上測試彩郊,不要在瀏覽器如谷歌瀏覽器提供的移動端調(diào)試模式下測試……
但有時候使用fixed定位的元素是某個事件觸發(fā)后而動態(tài)在當前頁面上生成的一個頁面刷后,如果此時給該彈出層加上這個樣式后的畴,可能會引發(fā)其他沖突BUG等,所以在我實際開發(fā)過程中尝胆,我會使用事件來動態(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');
}