zoukankan      html  css  js  c++  java
  • 前端切图: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=" 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

    文末福利:

    福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
    福利二:微信小程序入门与实战全套详细视频教程


    领取方式:
    如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

    原文作者:祈澈姑娘
    原文链接:https://www.jianshu.com/u/05f416aefbe1
    创作不易,转载请告知

    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。


  • 相关阅读:
    【扫盲】模块 库 框架 包
    AJax和JQ的结合使用
    AJax的三种响应
    使用session存储数据
    Requset作用域
    Cookie实现记住密码代码
    Cookie技术
    请求转发和重定向
    重定向的两次请求分别是????
    servlet
  • 原文地址:https://www.cnblogs.com/wangting888/p/9701696.html
Copyright © 2011-2022 走看看