背景顏色不視

Question

好之外正確呈現，這是一個棘手..

在我的網站，當我想改變滾動的背景顏色，背景不恰當的渲染外當前視口。要重現這一點，請轉至http://thierry.zweidesign.ch並通過DevTools更改正文的背景顏色。它與改變滾動事件顏色的行爲完全相同。

如此混亂..

Answer 1

嘗試加入CSS：

body, html{ 
    height:100%; 
    padding:0; 
    margin:0; 
} 

我懷疑這是視口沒有擴展到整個內容大小的結果。

Answer 2

該問題來自您在.page元素上使用position: absolute。嘗試添加以下到您的.page風格：

.page { 
    position: relative; 
    overflow: auto; 
} 

使用絕對定位意味着父元素不再承認你的元素的尺寸，以便身體實際上並不延伸經過屏幕的底部。