jquery动画到某个位置

Question

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

我想使用jQuery将屏幕外元素设置为视图，其结尾位置相对于第二列的左边缘。

所以说我正在大屏幕上查看页面，第二列的边缘是从窗口左侧900px。我希望动画从第二列的边缘停止100px，以便从左侧800px

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

如何获取元素边的位置，然后将其应用于我的动画？

Answer 1

使用offset()。

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