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

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

原始功能:
前端切图:CSS实现隐藏滚动条同时又可以滚动_第1张图片
图片发自简书App

添加伪类之后的功能:


前端切图:CSS实现隐藏滚动条同时又可以滚动_第2张图片
图片发自简书App

完整demo如下:


<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;">
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
            11111br>
        div>
    body>
html>

缺点,不兼容IE

文末福利:

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

前端切图:CSS实现隐藏滚动条同时又可以滚动_第3张图片

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

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

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


你可能感兴趣的:(前端)