将滚动条隐藏在HTML页面上 [英] Hiding the scroll bar on an HTML page

问题描述

可以使用CSS隐藏滚动条吗?你会怎么做?

Can CSS be used to hide the scroll bar? How would you do this?

推荐答案

在body标签上设置overflow: hidden;，如下所示:

Set overflow: hidden; on the body tag like this:

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>

上面的代码同时隐藏了水平和垂直滚动条.

The code above hides both the horizontal and vertical scrollbar.

如果要仅隐藏垂直滚动条，请使用overflow-y:

If you want to hide only the vertical scrollbar, use overflow-y:

<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>

如果要仅隐藏水平滚动条，请使用overflow-x:

And if you want to hide only the horizontal scrollbar, use overflow-x:

<style type="text/css">
    body {
        overflow-x: hidden;
    }
</style>

---

注意:它还将禁用滚动功能.如果您只想隐藏滚动条而不是滚动功能，请参考以下答案.

这篇关于将滚动条隐藏在HTML页面上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！