如何去除双滚动条？

Question

我在 Chrome 和 Firefox 的网站上有一个双滚动条（两个浏览器都是最新的）。我一直在研究网络和 stackoverflow，并尝试了以下 html 元素的建议选项：

html { overflow: hidden; }- 之后 - html { overflow: auto; }- 和 -html { overflow: scroll; }

他们都没有摆脱双栏，更糟糕的是有些人根本无法滚动。

我不确定要针对哪个其他元素或可能导致此问题的原因。有人有建议吗？

该网站是https://www.lekkerlimburgs.be

Answer 1

我的一个 wordpress 网站遇到了同样的问题。我添加了以下 CSS 为我解决了这个问题：

body{
    width:100%;
    overflow-x:hidden;
    overflow-y:hidden;
}

您似乎正在尝试从 html 标记中添加 css。为此，您需要在 html 正文中添加样式标签。如果是这种情况，请使用以下代码：

<style>
    body{
        width:100%;
        overflow-x:hidden;
        overflow-y:hidden;
    }
</style>

希望这有帮助:)

Answer 2

你有overflow:auto你的 HTML 元素，如果元素超过某些浏览器的屏幕大小，它将添加一个滚动条。

MDN：

auto
取决于用户代理。如果内容适合里面，看起来与溢出相同：可见，但仍然建立一个新的块格式上下文。如果内容溢出，Firefox 等桌面浏览器会提供滚动条。