jquery动画到某个位置

Question

假设我有 3 列 <table>或<div>宽度为 50% 200px和empty

我想使用 jQuery 将屏幕外元素动画化到 View 中，其结束位置相对于第二列的左边缘。

假设我正在大屏幕上查看页面，第二列的边缘是 900px从 window 的左侧。我希望动画停止100px从第二列的边缘开始，所以在 800px从左边开始

但是，该页面可能会在较小的屏幕上查看。所以停止位置最终可能是... 400px从左边开始。

如何获取元素侧面的位置，然后将其应用到我的动画中？

Answer 1

使用offset()。

var left = $(".middlecolumn").offset().left + $(".middlecolumn").width() - 100;
$(".animatedblock").animate({ left: left });