分享笔记:

WordPress自定义滚动条

更改滚动条样式

文章目录

你想要给网站上单一的滚动条改点样式?当然可以,我们这选择直接通过代码来完成(任何不复杂的单一功能都建议直接用代码),不过这个功能你要说有什么用?其实一点用都没有,就是起到一个造型上的作用…

自定义wordpress滚动条

自定义滚动条代码

是有让你自定义WordPress网站滚动条插件的,不过这我只分享通过代码的方式。

/* 滚动条宽度 */
::-webkit-scrollbar{
	width: 20px;
}

/* 滚动条背景色 */
::-webkit-scrollbar-track {
  background:#2b85f0;
}

/* 滚动条本条 */
::-webkit-scrollbar-thumb{
border-radius: 5px;
background:linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
}

把上面的代码加到你主题自定义里面的“额外CSS”就可以了,具体是什么设置代码里已经说的很清楚了。滚动条如果你想加渐变色,可以通过 CSS Gradient 生成代码。

自定义wordpress滚动条

为笔记评分

平均评分 5 / 5. 摘星者: 5

有疑问?留个言吧!

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors

更多结果...

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors