出現彈窗後,父級頁面還能進行滑動或滾動的問題

1.給定一個隱藏樣式,如:

.noscroll {
    height: 100%;
    overflow: hidden;
}
2.點擊彈窗時修改html,body的樣式
$("html,body").toggleClass('noscroll');

3.頁面如果出現滑動警告。如下:
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>

加個樣式就可以解決:
* {
    touch-action: none;
}
隨記:
$(selector).toggleClass(class,switch)

toggleClass() 對設置或移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。

不過,通過使用 "switch" 參數,您能夠規定只刪除或只添加類

轉載於:https://www.cnblogs.com/GGDong/p/10994469.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章