IE 10中的垂直滾動條11

Question

我有一個在視口上使用垂直滾動條的網站。 www.rolforCare.org

滾動條在Chrome，FF和IE 9中正常工作，但不在IE 10或11中。鼠標滾輪滾動工作正常，但不拖動滾動條。

該網站使用Bootstrap和jQuery-ui，如果這可能是相關的。

任何人都知道這個問題，並解決？

Answer 1

由於一些衝突的規則，您有兩個重疊的滾動條（一個用於html，另一個用於body元素）阻止用戶點擊拖動最重要的滾動條。快速的解決辦法是簡單地從你的索引文件，第25行刪除overflow-y屬性：

此行爲是有點馬車雖然，作爲一個結果，我將在它在內部被提起的問題，並具有我們的團隊看看。

Answer 2

從以下代碼中刪除overflow-y: scroll;。

HTML：

<style type="text/css"> 
     html, body 
     { 
      height: 100%; 
      min-height: 100%; 
      overflow-y: scroll; 
      overflow: auto; 
      border-top: 0px; 
     } 
</style> 

它最終會變成這樣。

HTML：

<style type="text/css"> 
     html, body 
     { 
      height: 100%; 
      min-height: 100%; 
      overflow: auto; 
      border-top: 0px; 
     } 
</style> 

您也可以通過瀏覽到左邊或右邊使用任何空白藍色空間的IE11，右鍵單擊該網站並選擇「檢查元素」進行測試。從樣式中取消選擇overflow-y: scroll，然後嘗試滾動條。

Answer 3

試試這個：

-ms-overflow-style: scrollbar; 

更多信息：https://msdn.microsoft.com/en-us/library/hh771902(v=vs.85).aspx