5

我有一个带有position: absoluteset 的 div，它只是比我的浏览器窗口宽一点。我已经成功隐藏了水平滚动条，但我仍然可以使用Macbook触控板进行滚动。

有什么办法可以规避这种情况吗？

<div id="container">
    <div id="big-image"></div>
</div><!-- #container -->

#container {
    overflow-x: hidden;
}

#big-image {
    background: transparent url('/path/to/image.png') no-repeat center top;
    position: absolute;
    width: 1307px;
    left: 50%;
    margin: 0 0 0 -653.5px;
    z-index: 4;
}
4

2 回答 2

7

如果您不限制#container 的高度，只需将溢出设置为隐藏，因为溢出-x 很奇怪，它删除了滚动条，但仍然允许您滚动。

例子

body {
    overflow-x: hidden;
}

#container {
    overflow: hidden;
    width: 100%;
}
于 2012-04-13T22:46:11.420 回答
1

您可能可以position: fixed;在#big-image.

于 2012-04-13T22:21:42.470 回答