CSS---优化滚动条
<html>
<head>
<style>
html横向滚动条样式.con{
margin-left:200px;
margin-top:200px;
height:300px;
width:300px;
overflow-y : auto;
}
.
con::-webkit-scrollbar {        /*滚动条整体样式*/
width:3px;
height:3px;
}
.con::-webkit-scrollbar-thumb {  /*滚动条⾥⾯⼩⽅块样式*/
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:rgba(0,0,0,0.1);;
}
.con::-webkit-scrollbar-track {  /*滚动条⾥⾯轨道样式*/
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1);
}
</style>
</head>
<body>
<div class="con">
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
<h1>Lonely</h1>
</div>
</body>
</html>
activity为div的class

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。