get scrollbars忽略單個背景div

Question

我有一個div作爲我的容器的一部分，爲了給我一個背景（它在z-index：0）在所有方向溢出 我禁用了水平滾動（html { overflow-x：hidden;}），因爲它永遠不需要。

但是我希望垂直滾動條忽略我的「背景」div，但是如果我的內容的其餘部分伸展以適應高度，那麼應該出現滾動條。

我已經嘗試溢出：隱藏在背景div但它沒有效果。

Answer 1

一個簡單的解決辦法是設置你的背景格如下：

#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/