如何設定彈框中的內容可以滑動,外面的頁面不可以滑動

2021-10-23 09:08:14 字數 483 閱讀 4606

如何設定彈框中的內容可以滑動,外面的頁面不可以滑動

場景

最近做移動端開發時 有乙個需求需要設定彈框裡的內容可滑動,彈框外的頁面不可滑動,彈框隱藏時頁面滑動正常

原理

overflow :「hidden」

overflow: 「auto」

注意事項

剛開始使用的時候 直接把overflow :"hidden"加到了body上 沒有起作用 後來冷靜想了一下 我應該把禁止滾動加到可滑動的元素上 而不是直接加在body 上

//頁面禁止滑動

//當彈框出現和隱藏時 呼叫這個方法

//oldcustlist為原本可滑動的元素

gethidden

(data)

else

},

禁止彈框底部的內容滑動

這個問題查了很久,很多種解決辦法,在我這都無效,可能是因為我的container設定了overflow scroll 最後,發現如下這個辦法 最外面的div是.container,彈框是他的子元素 所以這裡在開啟彈窗時 document.getelementsbyclassname containe...

如何在MySQL中設定外來鍵約束以及外來鍵的作用

1.外來鍵的作用,主要有兩個 乙個是讓資料庫自己通過外來鍵來保證資料的完整性和一致性 乙個就是能夠增加er圖的可讀性 2.外來鍵的配置 1 先建立乙個主表,如下 建立表student,並新增各種約束 create table student id int primary key 主鍵約束 name ...

js如何獲取html中輸入框中的內容?

首先假設文字框如下 方法1 var value document.getelementbyid textid value textid為文的id,此時inputvalue為輸入框的值 方法2 var value document.getelementsbyclassname textclass va...