Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用css/jquery自定义垂直滚动条_Jquery_Css - Fatal编程技术网
Fatal编程技术网
  • jquery/
  • 使用css/jquery自定义垂直滚动条

使用css/jquery自定义垂直滚动条

jquery css

使用css/jquery自定义垂直滚动条,jquery,css,Jquery,Css,我有一个div，名为，里面有一些标记。我正在设置div的样式，如下所示： #content{ height:200px; overflow-y:scroll; } 有没有办法自定义滚动条。我的意思是我想改变滚动条的颜色和背景。滚动条是通过操作系统生成的，你几乎无法控制它们 这就是为什么人们用javascript生成自定义滚动条 你可以做一些小的定制，有很多资源，只需谷歌一下 IIRC，您可以仅通过以下方式修改IE滚动条 scrollbar-3dlight-color:#ff

我有一个div，名为
，里面有一些
标记。我正在设置div的样式，如下所示：

#content{
     height:200px;
     overflow-y:scroll;
}
有没有办法自定义滚动条。我的意思是我想改变滚动条的颜色和背景。

滚动条是通过操作系统生成的，你几乎无法控制它们

这就是为什么人们用javascript生成自定义滚动条

你可以做一些小的定制，有很多资源，只需谷歌一下

IIRC，您可以仅通过以下方式修改IE滚动条

scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:#ff6347;
scrollbar-darkshadow-color:#ffa500;
scrollbar-face-color:#008080;
scrollbar-highlight-color:#ff69b4;
scrollbar-shadow-color:#f0f;
没有能够为滚动条着色的有效跨浏览器代码。您应该尊重访问您页面的用户的UI配置

也许您希望有jQuery滚动条，它是完全可定制的：