在實際開發過程中,經常會遇到這樣的要求:
在乙個列表的上方,彈起乙個浮層,彈起浮層後列表就不能再滑動,關閉浮層後,列表又能正常滑動。
這個問題其實不難,我們只需要禁用瀏覽的冒泡和捕獲事件即可。
涉及以下兩個函式:
1.滑動禁止
stop ()
document.body.style.overflow = 'hidden'
document.addeventlistener('touchmove', mo, false)
}
2.取消滑動限制
move ()
document.body.style.overflow = '' // 出現滾動條
document.removeeventlistener('touchmove', mo, false)
}
浮層滾動問題
使用positiontransform實現從右邊滑出的 h5 浮層效果,但在手機瀏覽器上左右滑動時,頁面產生了左右滾動條,浮層也出來了。這是問題頁面,移動端訪問如下 這個現象不應該出現,問題好解決,但為什麼會這樣?想了一下,好像知道相關點,但又講不清,所以在此梳理一下。產生了滾動,很自然的就會想到o...
解決彈出層滾動穿透的問題
乙個棘手的問題 彈出層的滾動穿透,即彈出層滾動,那麼被彈出層覆蓋的下面的內容區域也會進行滾動。彈出層我是用的view標籤然後使用的position fixed進行的定位 說一下我的解決思路 一 當彈出層裡面無滾動的時候 可以在遮罩的view標籤上定義乙個防止事件冒泡的方法 catchtouchmov...
解決小程式彈出層滾動穿透的問題
最近在做彈窗的時候遇到的問題,就是遮罩後面的內容可以滾動,查詢資源發現是兩種情況,一是遮罩層有滾動元件,乙個是遮罩層沒有滾動元件,下面就來說說如何解決這兩種情況。使用前後對比 一 當彈出層裡面無滾動的時候 可以在遮罩的view標籤上定義乙個防止事件冒泡的方法 catchtouchmove preve...