Question

我有一个div作为我的容器的一部分，溢出所有方向，以给我一个背景（它在z-index：0）我已禁用水平滚动（html {overflow-x：hidden;}），因为它永远不需要。

但是我希望垂直滚动条忽略我的“背景”div，但如果我的其余内容伸展到适应高度，那么滚动条应该出现。

我尝试过溢出：隐藏在背景div中，但它没有效果。

Answer 1

一个简单的解决方案是为你的背景div设置以下内容：

#bgdiv {
    max-width:  100%;   /* Won't cause horizontal scrollbars */
    max-height: 100%;   /* Won't cause vertical scrollbars */
    position: fixed;    /* Positions relative to viewport */
    top: 0; left: 0;    /* Sets to top left of viewport */
    z-index: 0;         /* Places at a low z-index level */
}

并提供一个额外的元素来容纳您的内容，其中包含以下内容：

#body {
    position: relative; /* Permits z-index placement */
    z-index: 1;         /* Places just above background div */
}

小提琴：http://jsfiddle.net/jonathansampson/R3kBP/4/

获取滚动条以忽略单个背景div

1 个答案: