如何调整/更改滚动条宽度

问题描述：

当我测试某些布局代码时，有没有办法在FF或IE中临时更改滚动条宽度？如何调整/更改滚动条宽度

我记得读了一些关于这个与分辨率相关的东西，但不记得。我试着改变电脑本身的分辨率，尝试增加浏览器的字体大小，但都没有奏效。

更新我遇到this thread，描述了如何从Firefox内编辑设置，但它不为我工作顺利，至少还没有顺利尚未奏效。提问者说他最终为他工作，所以我稍后会做更多的测试。

你想这个反正是什么？ :) – deceze 2010-04-02 07:36:21

我试图检测像窗口大小，浏览器大小，身体大小和其他浏览器功能，如滚动条宽度，我（当然）注意到FF和IE之间的差异。所以那是我正在做的测试的一部分，试图改变滚动条宽度以进一步试验它。 – goodan 2010-04-02 08:09:56

@goodan如果你对滚动条宽度感兴趣我前段时间给出了一个答案，这可能会有所帮助http://*.com/a/13382873/149636 – lostsource 2013-01-13 14:35:59

答

我认为这可能是你在找什么...

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

它可以让你完全控制你的滚动条的风格。

只需要清楚，这会使用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属性。在出现的窗口中，单击外观选项卡。现在点击右下角的高级按钮。下拉项目菜单并选择滚动条。使用向上和向下箭头，可以增加或减少滚动条的大小。

答

::-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*/

这对我有效......但如果我不想它影响主窗口滚动条，但只是一个div ..我现在只用它作为一个div，它可以工作 – 2015-07-26 13:41:50

如何调整/更改滚动条宽度

相关推荐