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

最新推荐文章于 2024-10-01 17:17:19 发布

weixin_30532987

最新推荐文章于 2024-10-01 17:17:19 发布

阅读量58

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/wangting888/p/9701921.html

版权

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

原始功能：

图片发自简书App

添加伪类之后的功能：

图片发自简书App

完整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>

缺点，不兼容IE

转载于:https://www.cnblogs.com/wangting888/p/9701921.html