如何去除双滚动条?

Shu*_*sen 8 scrollbar

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

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

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

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

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

小智 9

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

body{
    width:100%;
    overflow-x:hidden;
    overflow-y:hidden;
}
Run Code Online (Sandbox Code Playgroud)

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

<style>
    body{
        width:100%;
        overflow-x:hidden;
        overflow-y:hidden;
    }
</style>
Run Code Online (Sandbox Code Playgroud)

希望这有帮助:)


Aur*_*lia 5

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

MDN:

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