Html body的滾動條禁止與啟用

2021-09-19 04:18:54 字數 999 閱讀 6668

在寫乙個在頁面中,經驗證使用者沒有登入或session失效時候彈出登入框禁止頁面滾動用到

今天搞了乙個功能,上下左右居中,模仿qq空間裡的樣式,把橫向和縱向滾動條禁止掉**如下:

ie6:禁止滾動條正常,啟動滾動條錯誤,出現雙滾動條且滾動條滾動頁面無反應。

ie7:禁止滾動條正常,啟動滾動條錯誤,出現雙滾動條且滾動條滾動頁面無反應。

ie8: 禁止滾動條正常,啟動滾動條正常。

ie9: 禁止滾動條正常,啟動滾動條正常。 

chrome: 禁止滾動條正常,啟動滾動條正常。

firefox: 禁止滾動條正常,啟動滾動條正常。

靠,又是ie6和ie7,微軟真的該反省了,所以說做產品得一開始就要負責人。別扯遠了,解決方法是當overflow設定hidden以後,直接取消這個style而不要設定overflow,具體**如下:

//為了簡便定義乙個樣式類

當然也可以直接清掉style的內容,不過上面的做法更直觀、更簡單。           

在寫乙個在頁面中,經驗證使用者沒有登入或session失效時候彈出登入框禁止頁面滾動用到

今天搞了乙個功能,上下左右居中,模仿qq空間裡的樣式,把橫向和縱向滾動條禁止掉**如下:

ie6:禁止滾動條正常,啟動滾動條錯誤,出現雙滾動條且滾動條滾動頁面無反應。

ie7:禁止滾動條正常,啟動滾動條錯誤,出現雙滾動條且滾動條滾動頁面無反應。

ie8: 禁止滾動條正常,啟動滾動條正常。

ie9: 禁止滾動條正常,啟動滾動條正常。 

chrome: 禁止滾動條正常,啟動滾動條正常。

firefox: 禁止滾動條正常,啟動滾動條正常。

靠,又是ie6和ie7,微軟真的該反省了,所以說做產品得一開始就要負責人。別扯遠了,解決方法是當overflow設定hidden以後,直接取消這個style而不要設定overflow,具體**如下:

//為了簡便定義乙個樣式類

當然也可以直接清掉style的內容,不過上面的做法更直觀、更簡單。           

Html body的滾動條禁止與啟用

在寫乙個在頁面中,經驗證使用者沒有登入或session失效時候彈出登入框禁止頁面滾動用到 今天搞了乙個功能,上下左右居中,模仿qq空間裡的樣式,把橫向和縱向滾動條禁止掉 如下 我相信大家對這個 應該無異議吧,如果有請高手給予指點。測試結果如下 ie6 禁止滾動條正常,啟動滾動條錯誤,出現雙滾動條且滾...

禁止系統預設滾動條

單獨給html設定時,視窗出現滾動條。html單獨給body設定時,視窗出現滾動條。body給html和body都設定時,body出現滾動條,視窗也出現滾動條。html body原因 1 給html設定overflow,會作用到視窗上。2 當沒有設定html中的overflow屬性時,單獨給body...

vue滾動條禁止 vue彈窗後如何禁止滾動條滾動?

常見場景 在許多填寫表單的頁面中,都會彈出乙個選擇器,讓你在彈窗中選擇專案。有時,彈窗本身容納不下內容,需要讓它不斷滾動來展示,但因為事件是冒泡的,有時就會造成底部 body 的z index肯定是在下面的 的內容也在滾動。這內外一起滾,就有點尷尬了。舉例,下面兩張圖里,都有類似的問題。那麼怎麼解決...