Html body的滾動條禁止與啟用

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

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

我相信大家對這個**應該無異議吧，如果有請高手給予指點。測試結果如下：

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

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

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

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

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

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

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

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

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

Html body的滾動條禁止與啟用

在寫乙個在頁面中，經驗證使用者沒有登入或session失效時候彈出登入框禁止頁面滾動用到 今天搞了乙個功能，上下左右居中，模仿qq空間裡的樣式，把橫向和縱向滾動條禁止掉 如下 ie6 禁止滾動條正常，啟動滾動條錯誤，出現雙滾動條且滾動條滾動頁面無反應。ie7 禁止滾動條正常，啟動滾動條錯誤，出現雙滾...

禁止系統預設滾動條

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

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

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