Html
    Css
    Js

    
                        
/* 滚动槽 */::-webkit-scrollbar {
	width:8px;
	height:8px;
}
::-webkit-scrollbar-corner {
	background-color:transparent;
}
::-webkit-scrollbar-thumb {
	background-color:#49b1f5;
	background-image:-webkit-linear-gradient(
    45deg,hsla(0,0%,100%,0.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,0.4) 0,hsla(0,0%,100%,0.4) 75%,transparent 0,transparent
  );
	border-radius:2em;
}
::-webkit-scrollbar-track {
	background-color:rgba(73,177,245,0.2);
	border-radius:2em;
}
body,html {
	min-width:800px;
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
	color:#24292f;
	user-select:none;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	height:3000px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

好看的css滚动条

更新时间:2022-11-15 22:41:59

一个优美的滚动条非常的好看可以自己在自定义滚动条

0