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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1赞 92
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,205评论 4赞 61
  • 《父亲节》
    如山弗敢当， 似海亦有愧。 只为一声唤， 甘受百年罪。
    木聿车_6c89阅读 1,131评论 0赞 0
  • 发现你身上的一千零一个优点
    你觉得这图是笑还是强颜欢笑？ 人都要两面，一面正对阳光笑容满面，一面背对黑暗，形单影只，默默哀伤。 有时会莫名伤感...
    一只叫上官薇的大气喵阅读 3,359评论 0赞 0
  • 梦想与生命动力
    国庆中秋双庆之际，举国同庆之时，中岸公司组织一场“千锤百炼，铿锵中岸”，扬起了新的梦想，解析了生命新的动力和意义。...
    佛龙阅读 812评论 0赞 0