貌似是從 IE10 開始?為了觸屏操作優化瀏覽器的內容顯示,IE 瀏覽器提供了一種可以浮動顯示,自動隱藏的滾動條樣式,但是這個樣式會在某些情況下造成一些困擾,比如下圖。。。
其實默認情況下,桌面版的 IE 應該是傳統的滾動條樣式;而在應用版的 IE 中,滾動條默認才是浮動顯示,自動隱藏。
但是可能會發現,一些使用了 bootstrap 樣式的網站,也會出現相同這種情況,谷歌了一下,發現這是因為 bootstrap 設置了一個 CSS 的屬性:
@-ms-viewport { width: device-width; }
如果想更改滾動條的樣式,可以為 IE 瀏覽器強制設置一個樣式:
html, body { -ms-overflow-style: scrollbar; }
MSDN:https://msdn.microsoft.com/en-us/library/ie/hh771902(v=vs.85).aspx