解決IOS滑動無慣性

-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');
});
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,117評論 1 92
  • 一:在制作一個Web應用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,360評論 0 1
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,537評論 19 139
  • 昨天田田手機用時3個多小時!只超出昨晚約定半小時,我略微感受到對這位青少年授權的好處:既培養(yǎng)她的自主生活...
    田米米閱讀 345評論 0 0
  • 本文主要是繼續(xù)研讀了資深架構師王概凱Kevin執(zhí)筆的《架構漫談》系列的《架構漫談(四):如何做好架構之架構切分》的...
    七寸知架構閱讀 1,400評論 0 52

友情鏈接更多精彩內(nèi)容