jQuery css背景位置动画

Question

我对jQuery和CSS有一个奇怪的问题;它似乎是一个jQuery错误;我试图搜索一下，但是信息很难看 有一张大照片作为身体的背景;当我点击一个按钮时，我希望获得一个简单的背景jQuery动画，从“底部”位置到“50％”位置。
好吧，如果我设置$("body").css("background-position", "center 50%");它可以工作，但如果我尝试使用animate() jQuery函数，它就不再有用了。
那么有可能以某种方式产生这种效果吗？ 非常感谢你提前。

Answer 1

我很确定不可能将animate()用于相对值，因为从相关信息中计算绝对位置并不容易。

尝试一直使用像素值。

Answer 2

我建议使用包含图像的div（或将图像作为背景）和。动画那个div。从最小的情况开始，你只有1个div，绝对定位，并在div中有一个img。然后在其上添加其他元素（更高的z-index）并获得所需的外观和行为。

Answer 3

我正在尝试重新创建这个问题，但是Pekka正在尝试...使用jQuery你可以计算窗口的当前高度，将其减半，并使用该像素值设置背景位置。