JQuery одушевленные в определенное положение

Question

Допустим, у меня есть 3 колонки <table> или <div> с шириной 50%200px и empty

Я хочу использовать JQuery для анимации элемента экрана от в поле зрения с его конечное местоположение будучи относительно левый край второго столбца.

Так что скажите, что я просматриваю страницу на большом экране, а край второй колонки - 900px с левой стороны окна. Я хочу, чтобы анимация остановилась 100px от края 2-го столбца, так что на 800px слева

Однако страница может быть просмотрена на меньшем экране. Таким образом, место остановки может оказаться ... 400px слева.

Как получить расположение стороны элемента, а затем применить его к моей анимации?

Answer 1

Использование offset().

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