如何調整/更改滾動條寬度

當我測試某些佈局代碼時，有沒有辦法在FF或IE中臨時更改滾動條寬度？如何調整/更改滾動條寬度

我記得讀了一些關於這個與分辨率相關的東西，但不記得。我試着改變電腦本身的分辨率，嘗試增加瀏覽器的字體大小，但都沒有奏效。

更新我遇到this thread，描述瞭如何從Firefox內編輯設置，但它不爲我工作順利，至少還沒有順利尚未奏效。提問者說他最終爲他工作，所以我稍後會做更多的測試。

來源

2010-04-02 goodan

你想這個反正是什麼？ :) – deceze 2010-04-02 07:36:21

我試圖檢測像窗口大小，瀏覽器大小，身體大小和其他瀏覽器功能，如滾動條寬度，我（當然）注意到FF和IE之間的差異。所以那是我正在做的測試的一部分，試圖改變滾動條寬度以進一步試驗它。 – goodan 2010-04-02 08:09:56

@goodan如果你對滾動條寬度感興趣我前段時間給出了一個答案，這可能會有所幫助http://stackoverflow.com/a/13382873/149636 – lostsource 2013-01-13 14:35:59

我認爲這可能是你在找什麼...

http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html

它可以讓你完全控制你的滾動條的風格。

來源

2010-04-02 05:16:39 Zac

只需要清楚，這會使用Javascript創建「假」滾動條，您可以使用它來替換真正的滾動條。這與自定義滾動條一樣接近。 – deceze 2010-04-02 05:43:39

@deceze謝謝你指出這一點。這對我來說太強大了，甚至可能無法滿足我的需求，因爲我不需要自定義滾動條的功能。瀏覽器或操作系統中是否有可以讓我控制瀏覽器厚度的設置？或甚至改變分辨率並獲得不同厚度的方法？ – goodan 2010-04-02 07:30:20

@goodan我不認爲這是可能的。一個滾動條是一個滾動條，並且感謝上帝的網站無法改變他們的想法。 IE和可能的一兩個其他瀏覽器允許自定義滾動條顏色方案，但AFAIK就是這樣。 – deceze 2010-04-02 07:34:48

您可以在Windows本身進行高級外觀設置。請注意，這將影響（幾乎）所有應用程序，而不僅僅是瀏覽器。您可能還需要關閉並重新打開瀏覽器。

在Windows 7：控制面板>外觀和個性化>個性化>窗口顏色>點擊「高級外觀設置」中，設置項下拉框爲「滾動條」（或在本例中圖象點擊滾動條），設置尺寸旋轉控制
在Vista：個性化「的Windows顏色和外觀>打開經典外觀屬性>高級>項目>滾動條，然後調整大小
在XP：右鍵單擊桌面，並選擇素上t屬性。在出現的窗口中，單擊外觀選項卡。現在點擊右下角的高級按鈕。下拉項目菜單並選擇滾動條。使用向上和向下箭頭，可以增加或減少滾動條的大小。

來源

2012-04-11 09:42:08 Sam

::-webkit-scrollbar { 
    width: 6px; 
    background-color: rgba(0,0,0,0); 
    -webkit-border-radius: 80px; 
} 
::-webkit-scrollbar:hover { 
    background-color: rgba(0, 0, 0, 0.09); 
} 

::-webkit-scrollbar-thumb:vertical { 
    background: rgba(0,0,0,0.61); 
    -webkit-border-radius: 80px; 
} 
::-webkit-scrollbar-thumb:vertical:active { 
    background: rgba(0,0,0,0.61); 
    -webkit-border-radius: 80px; 
} 

/*Try this*/

來源

2014-04-23 05:49:31

這對我有效......但如果我不想它影響主窗口滾動條，但只是一個div ..我現在只用它作爲一個div，它可以工作 – 2015-07-26 13:41:50

如何調整/更改滾動條寬度

回答

相關問題