前端切图:CSS实现隐藏滚动条同时又可以滚动

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

原始功能：

添加伪类之后的功能：

完整demo如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            ::-webkit-scrollbar {display:none}
        </style>
    </head>
    <body>
        <div style=" 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>

缺点，不兼容IE

==================================================================
注意：本文原创作者祈澈姑娘，创作不易。转载请标明作者和文章的原文链接，或到微信公众号获取授权。

若需要转载，联系原文作者

更多技术文章，行业交流，web前端开发资源，前端交流群，开源代码，前端干货，职场感悟，求职指导，请点击公众号原文链接：祈澈姑娘

或者联系我的微信，创作不易，走过路过点个赞呗