08:HTMLayout 自定义滚动条样式

编程语言 Mr.R 3年前 (2016-12-09) 1173次浏览 已收录 0个评论 扫描二维码

 

演示地址:http://www.btbat.com/1065.html

CSS 代码:

/* 自定义垂直滚动条 */
@set mini_scrollbar {
	.base { width: 9px;border:none;}
	:root { }
	:root:hover { }
	.base, .prev, .next, .next-page, .prev-page ,.corner ,.button{ 
		display:none;background-color: transparent; border: none; height:0; foreground-image:none;}
	.slider {background: transparent url(../images/sider_normal.png);
		background-position: 4px 0px 4px 0px;
		background-repeat: expand;}
	.slider:hover {background-image: url(../images/sider_hover.png);}}

所需图片文件(右键另存为):08:HTMLayout 自定义滚动条样式 - R站|学习使我快乐! - 1

08:HTMLayout 自定义滚动条样式 - R站|学习使我快乐! - 2

 

css 引用代码:  overflow-y:auto;vertical-scrollbar: mini_scrollbar;


QQ㊀群: 240424174;QQ㊁群: 749250816;QQ㊂群: 542382043;
㊄群: 860166303;⑥群: 738134262
常见问题:1、文件解压请使用Winrar5.5版本以上解压;
2、视频播放有声音无画面,请了解下PotPlayer播放器;
R大技术站 , 版权所有,如未注明 , 均为原创,如需转载请注明来源!
喜欢 (0)
[itdiy@qq.com]
分享 (0)
发表我的评论
取消评论

表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址