防止jQuery spritely平移<div>以添加页面长度</div>

Question

因为我有一个平移`元素做一个jQuery spritely插件方法，我打电话来泛泛一些超级马里奥兄弟背景，它似乎增加了相当多的页面长度。

如果您访问http://www.marioplanet.com，您会发现有3种不同的平移背景。只有2，没有足够填充页面内容的整个高度，但有3次平移，有太多溢出，导致用户能够向下滚动页面，只是为了看到背景平移图像。

我想要做的是，使用页面上最后一个<div>元素的高度来切断第三次平移，在这种情况下，我的<div id="footer">元素。

关于我如何做到这一点的任何想法？我想我总是可以制作2个背景并压缩我的内容，但这不好玩，是吗？ ：）

谢谢！

Answer 1

我认为最好将背景元素包装在div中，其属性height（可能是min-height）设置为100％，overflow设置为hidden。如果包装div的内容大小小于背景的总高度，则背景将被剪裁。