CSS 实现隐藏滚动条同时又可以滚动
![](https://i-blog.csdnimg.cn/blog_migrate/c6cc631f3e52394edba86480e4ea206f.webp?x-image-process=image/format,png)
图片发自简书App
添加伪类之后的功能:
![](https://i-blog.csdnimg.cn/blog_migrate/f336afe0caf7571a7cf9ec20d2eb485d.webp?x-image-process=image/format,png)
图片发自简书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
文末福利:
福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程
![](https://i-blog.csdnimg.cn/blog_migrate/d2b276db6b6db380246a2832db921781.webp?x-image-process=image/format,png)
领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!
原文作者:祈澈姑娘
原文链接:https://www.jianshu.com/u/05f416aefbe1
创作不易,转载请告知
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。