简易竖向滑块，隐藏滚动条

document_write

于 2019-07-20 11:11:09 发布

阅读量430

点赞数

本文链接：https://blog.youkuaiyun.com/document_write/article/details/96572605

版权

<!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>