調整Internet Explorer中的滾動條寬度

我是stackoverflow的新手。調整Internet Explorer中的滾動條寬度

我需要調整滾動條的寬度和高度。

我試過很多方法，我可以只改變其顏色，但不調整。

2014-05-07 jayasiinput

發佈一些代碼或做出小提琴 – Richa

滾動條是什麼？本地的？不要以爲你可以改變它。 – putvande

謝謝您的回覆，我找不到任何代碼，但在鉻，我可以使用follwing ::做到這一點 - WebKit的滾動條{ 寬度：12px的; } :: - WebKit的滾動軌道{ -webkit-箱陰影：插圖0 0 6像素RGBA（0,0,0,0.3）; border-radius：10px; } :: - WebKit的滾動條拇指{ 邊界半徑：10px的; -webkit-box-shadow：inset 0 0 6px rgba（0,0,0,0.5）; } – jayasiinput

沒有CSS的方式來改變瀏覽器滾動條的風格，除了基於WebKit的瀏覽器（谷歌Chrome，Safari瀏覽器，新歌劇）。所以要定製滾動條，你必須用js來模擬它。有很多jQuery插件 - 一些更好，一些更糟糕，有些符合你的需求，有些則不符合。試試這些：jQuery Scrollbar,jScrollPane,Malihu Custom Scrollbar

來源

2014-05-07 13:20:03 Gromo

謝謝，將嘗試它並得到結果 – jayasiinput

雖然這是一個相當古老的問題。 MSIE具有允許滾動條在不使用時隱藏的功能。這與OSX獅子介紹的滾動條非常相似。純CSS，無JS。

body { 

    scrollbar-base-color: #222; 
    scrollbar-3dlight-color: #222; 
    scrollbar-highlight-color: #222; 
    scrollbar-track-color: #3e3e42; 
    scrollbar-arrow-color: #111; 
    scrollbar-shadow-color: #222; 
    scrollbar-dark-shadow-color: #222; 
    -ms-overflow-style: -ms-autohiding-scrollbar; 
}

上面顯示添加自定義滾動條MSIE示例然後將具有它們隱藏時失焦與-MS-自動隱藏-滾動屬性。

注意 - 您可以通過定位和#id或.class而不是body來爲網站的不同部分設置不同的滾動條行爲。

來源

2015-05-22 10:26:09 Frank

不以任何方式回答問題 – kofifus

調整Internet Explorer中的滾動條寬度

回答

相關問題