经常看到别的网站的垂直滚动条挺好看的,于是乎chrafz也就折腾了一下,挺简单的几行css,如果你也想拥有更美观的滚动条。复制下面的css代码加在你的style.css文件里就可以了,具体的样式可以设置,挺简单的。

WordPress自定义浏览器滚动条CSS样式-张弦先生-chrafz.com

WordPress自定义浏览器滚动条CSS样式 张弦先生のchrafz.com

:只支持webkit内核的浏览器(也就是不支持ie和火狐)

css如下:

可以根据注释自己修改颜色、大小、圆角之类的样式,CSS里面hover是设置鼠标悬停的颜色,同样的,active也可以设置鼠标点击的颜色,只要添加如下代码就行

如果觉得修改CSS麻烦可以安装Custom scrollbar插件

Custom scrollbar是一款可以自定义网站滚动条的WordPress插件。安装简单,插件仅50KB,基本不会影响网站的加载速度,可以自定义滚动条颜色。