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


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" 參數,您能夠規定只刪除或只添加類


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM