Question

我目前正在使用此网站http://framec.co.uk，您可以在主页和产品页面上看到：http://www.framec.co.uk/index.php?route=product/product&path=229&product_id=1696有两个垂直滚动条。

我不知道是什么触发了这一点，但它们出现在主页和产品页面上，但不是类别页面http://www.framec.co.uk/index.php?route=product/category&path=229

我知道这通常是因为溢出：自动样式但是我已经检查了这个并且没有任何溢出：在网站上自动样式，它已全部更改为溢出：隐藏。

有谁知道如何解决两个垂直滚动条的问题？感谢

Answer 1

在stylesheet.css转到第3行并删除overflow-y: scroll;。你永远不需要在HTML和身体上溢出，它会自动处理。

html {
    /*overflow-y: scroll;*/
    margin: 0;
    padding: 0;
}

然后在stylesheet.css中，转到第6行（如果您刚删除了一行，则转到5）并删除overflow-x: hidden;

body {
    background-color: #ffffff;
    color: #2e3a47;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    /*overflow-x: hidden;*/
    font-weight: 400;
}

这样可以解决您的问题。

更新：您不需要移除身体上的那个，但它没有做任何事情。 overflow-x是左右，而不是上下。

两个垂直滚动条

1 个答案: