zoukankan      html  css  js  c++  java
  • 前端切图: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前端开发资源,前端交流群,开源代码,前端干货,职场感悟,求职指导,请点击公众号原文链接:祈澈姑娘
    或者联系我的微信,创作不易,走过路过点个赞呗
  • 相关阅读:
    JQuery使用总结
    JS应用总结
    Base64数据转成Excel,并处理Excel的格式
    HTTP压缩
    谷歌开发工具解析
    .Net LIst排重
    MySql日志系统
    .Net生成PDF流
    Mysql MVCC
    JAVA期末综合课程设计
  • 原文地址:https://www.cnblogs.com/wangting888/p/8053436.html
Copyright © 2011-2022 走看看