CSS实现隐藏滚动条,依旧可以滚动页面

原文:https://www.jb51.net/css/717475.html

我只看了第一种,亲测有效

两层容器实现方法

将要滚动的外一层容器设置:

width:100vw,height:100vh(窗口宽度和窗口高度),overflow:hidden;

滚动的这一层设置为:

overflow-y:scroll; width:calc(100%+17px) 这里的17px是指滚动条宽度,height:100%;

注:如果切换页面时,还是有闪烁的滚动条,那是因为还有更外层的容器没有隐藏滚动条,如将body中添加参数overflow:hidden;

发布了2 篇原创文章 · 获赞 0 · 访问量 34
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览