在 IE 瀏覽器中,使用 bootstrap 使得頁面滾動條浮動顯示,自動隱藏,自動消失


貌似是從 IE10 開始?為了觸屏操作優化瀏覽器的內容顯示,IE 瀏覽器提供了一種可以浮動顯示,自動隱藏的滾動條樣式,但是這個樣式會在某些情況下造成一些困擾,比如下圖。。。

({ABSRWRMU1VZCZJA`X_AL1

其實默認情況下,桌面版的 IE 應該是傳統的滾動條樣式;而在應用版的 IE 中,滾動條默認才是浮動顯示,自動隱藏。

但是可能會發現,一些使用了 bootstrap 樣式的網站,也會出現相同這種情況,谷歌了一下,發現這是因為 bootstrap 設置了一個 CSS 的屬性:

@-ms-viewport {
  width: device-width;
}

來源:http://channel9.msdn.com/Forums/Coffeehouse/IE10-how-does-the-scrollbar-autohide-on-buildwindowscom-microsoftcom

如果想更改滾動條的樣式,可以為 IE 瀏覽器強制設置一個樣式:

html, body {
    -ms-overflow-style: scrollbar;
}

MSDN:https://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM