2012-01-28 67 views
0

我的內容和正文背景顏色是不同的,我想有一個漸變從一個漸變到另一個。只有當內容小於視口時才需要此效果。定位可以溢出視口而不觸發滾動條的元素?

實施例:http://jsfiddle.net/kEXzs/1/

收縮在y軸上的結果視圖並注意在滾動條的顯示方式,因爲.footer DIV滿溢。我不希望這種情況發生。內容溢出時,視口只應顯示滾動條。這可能嗎?

我也接受其他可以提供相同效果的建議。 內容div動態調整大小,因此爲身體設置漸變背景不起作用。

回答

0

你可以在頁腳位置的固定:

<div class="footer" style="position: fixed"> 
</div> 

(或相應地改變CSS)。

下面是這個小提琴:http://jsfiddle.net/kEXzs/17/

+1

這正是我一直在尋找。謝謝!可能希望更新您的答案以指定「固定」位置,就像您在JSfiddle中指定的那樣。 – 2012-01-28 19:28:00

+0

@John Oops :-),編輯,謝謝。 – 2012-01-28 19:38:43

相關問題