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前端开发资源,前端交流群,开源代码,前端干货,职场感悟,求职指导,请点击公众号原文链接:祈澈姑娘
    或者联系我的微信,创作不易,走过路过点个赞呗
  • 相关阅读:
    定义函数
    变量与常量
    字符串与格式化
    字符串与编码
    字符编码
    元组-tuple
    列表-list
    分支和循环
    润乾配置连接kingbase(金仓)数据库
    润乾报表在proxool应用下的数据源配置
  • 原文地址:https://www.cnblogs.com/wangting888/p/8053436.html
Copyright © 2011-2022 走看看