在 Internet Explorer 中调整滚动条宽度答案

【问题标题】：resize scroll bar width in internet explorer在 Internet Explorer 中调整滚动条宽度
【发布时间】：2015-05-22 18:26:09
【问题描述】：

我是 stackoverflow 的新手。

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

我尝试了很多方法，我只能改变它的颜色，但不能调整大小。

【问题讨论】：

发布一些代码或制作小提琴
什么滚动条？土生土长的？不要以为你可以改变它。
感谢您的回复，我找不到任何代码，但在 chrome 中我可以使用以下代码：:-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);边框半径：10px； } ::-webkit-scrollbar-thumb { 边框半径：10px; -webkit-box-shadow: 插图 0 0 6px rgba(0,0,0,0.5); }
为此，您需要使用一些 Javascript。 IE 没有任何像基于 webkit 的浏览器那样的原生代码。
你能贴一些代码吗

标签： html css internet-explorer

【解决方案1】：

除了基于 webkit 的浏览器（Google Chrome、Safari、新 Opera）之外，没有 CSS 方法可以更改浏览器滚动条的样式。所以要制作自定义滚动条，你必须用 js 来模拟它。有很多 jQuery 插件 - 有些更好，有些更差，有些符合您的需要，有些 - 不。试试这些：jQuery Scrollbar、jScrollPane、Malihu Custom Scrollbar

【讨论】：

谢谢，试一试，结果回来

【解决方案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 而不是正文来为网站的不同部分设置不同的滚动条行为。

【讨论】：

不以任何方式回答问题
-ms-overflow-style: -ms-autohiding-scrollbar;帮助了我
亲爱的 IE！为什么你不只是死？