定位可以在视口外溢出而不触发滚动条的元素?

时间:2012-01-28 18:24:41

标签: html css

我的内容和身体背景颜色不同,我希望有一个渐变从一个渐变到另一个。仅当内容小于视口时才需要此效果。

示例:http://jsfiddle.net/kEXzs/1/

在y轴上缩小结果视图并注意滚动条是如何显示的,因为.footer div溢出。我不希望这种情况发生。视口应仅在内容溢出时显示滚动条。这可能吗?

我也愿意接受能提供同样效果的其他建议。 动态调整内容div的大小,因此为正文设置渐变背景不起作用。

1 个答案:

答案 0 :(得分:0)

您可以将页脚定位为固定:

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

(或相应更改CSS)。

这是一个小提琴:http://jsfiddle.net/kEXzs/17/