HTML JS 彈層後底部頁面禁止滾動處理

2022-07-26 08:54:10 字數 485 閱讀 1631

1.開啟新頁面時需要禁止滑鼠滾輪,禁止頁面滑動;12

34在呼叫顯示層時加上這句js**就可以了:

document.documentelement.style.overflow = "hidden";

關閉層的時間別忘了在加上這句:

document.documentelement.style.overflow = "scroll";

2.設定滾輪原來位置

var top_temp = $(document).scrolltop()||document.documentelement.scrolltop || document.body.scrolltop;

window.parent.scrollto(0,top_value);

本文出自 「路漫漫兮」 部落格,請務必保留此出處

禁止蒙層底部頁面跟隨滾動

彈窗是一種常見的互動方式,而蒙層是彈窗必不可少的元素,用於隔斷頁面與彈窗區塊,暫時阻斷頁面的互動。但是,在蒙層元素中滑動的時候,滑到內容的盡頭時,再繼續滑動,蒙層底部的頁面會開始滾動,顯然這不是我們想要的效果,因此需要阻止這種行為。那麼,如何阻止呢?請看以下分析 overflow hidden he...

禁止蒙層底部頁面跟隨滾動

彈窗是一種常見的互動方式,而蒙層是彈窗必不可少的元素,用於隔斷頁面與彈窗區塊,暫時阻斷頁面的互動。但是,在蒙層元素中滑動的時候,滑到內容的盡頭時,再繼續滑動,蒙層底部的頁面會開始滾動,顯然這不是我們想要的效果,因此需要阻止這種行為。那麼,如何阻止呢?請看以下分析 overflow hidden he...

移動端蒙層底部頁面禁止滑動

蒙層 蒙層居中,且底部div禁止滑動。container style 因為不同螢幕高度不同,且字型大小不同content高度也不同,所以高度在js中控制。用 代替document.queryselector,節省重複 var function selector 彈出框 function show p...