CSS 实现隐藏滚动条同时又可以滚动

原始功能:

 

 

添加伪类之后的功能:

 

完整demo如下:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            ::-webkit-scrollbar {display:none}
        </style>
    </head>
    <body>
        <div style=" width:200px;   height: 200px;  overflow-y: scroll;">
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
            11111</br>
        </div>
    </body>
</html>
===========================================================

注:以上文章出自一位前端妹子,若有不足,欢迎指教,原文链接:前端技术交流平台

若需要转载,联系原文作者
或者联系我的微信,姑娘家家创作不易,走过路过点个赞呗
 
posted @ 2017-11-27 18:12  祈澈姑娘  阅读(1609)  评论(0编辑  收藏  举报