css body如何实现不出现滚动条
程序员文章站
2022-03-14 20:28:14
...
css body不出现滚动条的实现方法:首先打开相应的HTML页面;然后在chrome浏览器下设置样式为“body::-webkit-scrollbar{display: none;}”即可。
本教程操作环境:Dell G3电脑、Windows7系统、Chrome76.0&&CSS3版本。
推荐:《css视频教程》
css让body不出现滚动条
提到隐藏滚动条,我们首先想到的是overflow: hidden,但这么设置后,页面就无法滚动了,让body隐藏滚动条又可以滚动,我们可以使用伪元素::scrollbar,在chrome浏览器下,可以这么设置:
body::-webkit-scrollbar{ display: none; }
效果如下,滚动条隐藏了,而且页面也能继续滚动。
以上就是css body如何实现不出现滚动条的详细内容,更多请关注其它相关文章!
推荐阅读
-
CSS3 Calc实现滚动条出现页面不跳动问题
-
页面不刷新的情况下,如何实现同一播放器内视频切换_html/css_WEB-ITnose
-
css3如何实现自定义滚动条样式?(代码)
-
页面不刷新的情况下,如何实现同一播放器内视频切换_html/css_WEB-ITnose
-
css overflow属性如何实现滚动条设置和隐藏滚动条?
-
css如何实现给div添加滚动并隐藏滚动条
-
iframe嵌套frameset,实现整个iframe框架出现滚动条,怎么样随页面内容的高度全部展示出来?_html/css_WEB-ITnose
-
全屏显示 在IE7下body会有滚动条出现_html/css_WEB-ITnose
-
如何实现li居中并且内部不换行效果?(li长度不固定)_html/css_WEB-ITnose
-
css3如何实现自定义滚动条样式?(代码)