在 IE 瀏覽器中，使用 bootstrap 使得頁面捲軸浮動顯示，自動隱藏，自動消失

標籤：

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

其實預設情況下，案頭版的 IE 應該是傳統的捲軸樣式；而在應用版的 IE 中，捲軸預設才是浮動顯示，自動隱藏。

但是可能會發現，一些使用了 bootstrap 樣式的網站，也會出現相同這種情況，Google了一下，發現這是因為 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

在 IE 瀏覽器中，使用 bootstrap 使得頁面捲軸浮動顯示，自動隱藏，自動消失