Question

在我测试一些布局代码时，有没有办法临时更改FF或IE中的滚动条宽度？

我记得曾经读过一些关于这与解决方案有关的内容，但不记得了。我尝试改变计算机本身的分辨率，尝试增加浏览器字体大小，但两者都不起作用。

更新我遇到了 this thread ，它描述了如何在Firefox中编辑设置，但它不能顺利运行，至少对我来说还不顺利。提问者说它最终适合他，所以我稍后会做更多的测试。

Answer 1

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

Answer 2

我认为这可能就是你要找的......

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

它允许您完全控制滚动条的样式。

Answer 3

您可以在Windows中执行此高级外观设置。请注意，这将影响（几乎）所有应用程序，而不仅仅是您的浏览器。您可能还必须关闭并重新打开浏览器。

在Windows 7：控制面板＆gt;外观和个性化＆gt;个性化＆gt;窗口颜色＆gt;单击“高级外观设置”，将“项目”下拉框设置为“滚动条”（或单击示例图片中的滚动条），设置“大小旋转控件”
在Vista：个性化＆gt; Windows的颜色和外观＆gt;打开经典外观属性＆gt;高级＆gt;项目＆gt;滚动条然后调整大小。
在XP中：右键单击桌面，然后选择“属性”。在出现的窗口中，单击“外观”选项卡。现在单击右下角的“高级”按钮。下拉项目菜单并选择滚动条。使用向上和向下箭头，您可以增大或减小滚动条的大小。

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

3 个答案: