CSS3自定义滚动条

来源:https://www.sucaihuo.com/js/1983.html 2017-05-20 18:47浏览(1279) 收藏

多种样式的CSS3自定义滚动条样式,不同颜色的、双色渐变的、方形的、圆角的、带描边的等等,可以供大家参考学习。
CSS3自定义滚动条
分类:html/css > 图形 难易:入门级
查看演示 下载资源 下载积分: 20 积分

样式直接写在页面里面了,没有做外部调用,部分代码如下:

/*
 *  样式 8
 */

#style-8::-webkit-scrollbar-track
{
	border: 1px solid black;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

#style-8::-webkit-scrollbar-thumb
{
	background-color: #ffc000;	
}

body里面写好对应的容器,参考代码如下:

<div class="scrollbar" id="style-8">
	<div class="force-overflow"></div>
</div>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2