软件
滚动条样式修改(滚动条隐藏及美化)

1、滚动条隐藏

背景/场景:在移动端,滑动的时候,会显示默认滚动条,如图1:

滚动条隐藏及美化nerror="javascript:errorimg.call(this);">

//隐藏代码:  .ul-scrool-box::-webkit-scrollbar,.ul-scrool-box ul::-webkit-scrollbar {  display: none;}

2、滚动条美化

滚动条隐藏及美化nerror="javascript:errorimg.call(this);">

//美化代码---可以直接搬走:且一般只需要变动2处,变动地方1/2	.task-scrollbarsl {		padding-right: 10px;		overflow-y: scroll;	}	.task-scrollbarsl::-webkit-scrollbar {				width: 6px;				height: 1px;	}	.task-scrollbarsl::-webkit-scrollbar-thumb {				border-radius: 10px;		box-shadow: inset 0 0 5px rgba(110,74,237,0.3);//为了和主题一直,变动地方1     /		box-shadow: inset 0 0 5px rgba(255, 0, 0, 0.2);///** 的4处变动,是为了和浏览器的滚动条保持一致

顶一下()     踩一下()

热门推荐

发表评论
0评