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

2021-07-29 08:00:12 字數 424 閱讀 3570

蒙層 蒙層居中,且底部div禁止滑動。

.container

style>

//因為不同螢幕高度不同,且字型大小不同content高度也不同,所以高度在js中控制。

//用$代替document.queryselector,節省重複**;

var$=

function

(selector);

//彈出框**

function

show_popwindow

()//視窗關閉時,pop-window需要隱藏,且body和html的overflow還原;

function

window_close

()

<

/sctipt>

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

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

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

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

關於移動端彈窗內容滑動底部頁面不滑動的問題

今天接觸的乙個頁面,頁面出現彈窗之後,發現滑動彈窗的內容,底部的東西也會跟著滑動,於是自己寫了乙個小demo。小樣 寫的很low,樣式也很醜,不過主要是功能實現就行了,哈哈哈哈!點我 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 2...