css body如何实现不出现滚动条-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

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》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者