Question

我正在获得水平滚动，但仅限于Mac Safari。我不能在其他地方复制这个问题，并且很难排除故障（我通常在Firefox上使用Firebug）。

网址是

http://getinjuryanswers.com

我很乐意粘贴代码，但我甚至不确定要定位的代码。

任何反馈都将不胜感激。

感谢。

Answer 1

将overflow: hidden添加到最外层包装器以修复滚动条问题：

.site-container {
    overflow: hidden;
}

为了避免这个滚动条问题，我总是使用以下结构，它从不打扰我..

<强> HTML：

<html>
    <head></head>
    <body>
        <div class="wrapper">
             <header class="header></header>
             <main class="main></main>
             <footer class="footer"></footer>
        </div>
    </body>
</html>

<强> CSS：

body {
    margin: 0;
    // and other necessary properties for your page.
}
.wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

Answer 2

试试这个，

html { overflow-x: hidden; }
body { overflow-x: hidden; }

水平滚动 - 仅限Mac Safari

2 个答案: