<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简易竖向滑块,隐藏滚动条</title>
</head>
<style type="text/css">
.container {
width:60px;
height: 100px;
overflow-y: scroll;
margin-left: 100px;
}
::-webkit-scrollbar {
width:0;
height: 0;
color:transparent;
}
</style>
<body>
<div class="container">
<span>第一条</span>
<span>第二条</span>
<span>第三条</span>
<span>第四条</span>
<span>第五条</span>
<span>第六条</span>
<span>第七条</span>
<span>第八条</span>
<span>第九条</span>
<span>第十条</span>
<span>第一条</span>
<span>第二条</span>
<span>第三条</span>
<span>第四条</span>
<span>第五条</span>
<span>第六条</span>
<span>第七条</span>
<span>第八条</span>
<span>第九条</span>
<span>第十条</span>
</div>
</body>
</html>
简易竖向滑块,隐藏滚动条
最新推荐文章于 2021-09-06 16:13:50 发布