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