css body如何实现不出现滚动条

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如何实现不出现滚动条的详细内容，更多请关注gxlcms其它相关文章！