Question

我是stackoverflow的新手。

我需要调整滚动条的宽度和高度。

我试过很多方面，我只能改变它的颜色而不是调整大小。

Answer 1

除了基于webkit的浏览器（谷歌浏览器，Safari，新Opera）之外，没有CSS方式来改变浏览器滚动条的样式。因此，要制作自定义滚动条，您必须使用js模拟它。有很多jQuery插件 - 一些更好，一些更糟糕，一些匹配您的需求，一些 - 不。试试这些：jQuery Scrollbar，jScrollPane，Malihu Custom Scrollbar

Answer 2

虽然这是一个相当古老的问题。 MSIE具有允许滚动条在不使用时隐藏的功能。这与OSX Lion引入的滚动条非常类似。简单的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-autohiding-scrollbar属性失焦时隐藏它们。

注意 - 您可以通过定位和#id或.class而不是正文来为网站的不同部分设置不同的滚动条行为。

调整Internet Explorer中的滚动条宽度

2 个答案: