解決浮層穿透問題

2021-10-06 09:34:17 字數 469 閱讀 3538

在實際開發過程中,經常會遇到這樣的要求:

在乙個列表的上方,彈起乙個浮層,彈起浮層後列表就不能再滑動,關閉浮層後,列表又能正常滑動。

這個問題其實不難,我們只需要禁用瀏覽的冒泡和捕獲事件即可。

涉及以下兩個函式:

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...