Как сделать так, чтобы окно браузера плавно следовало за элементом анимации?

Question

В приложении, которое я пишу, я бы хотел, чтобы в окне браузера плавно отслеживался div, анимированный для перемещения и изменения размера.

Мое текущее решение состоит в том, чтобы обновлять позицию прокрутки через регулярные промежутки времени, чтобы она была «ближе» к div, используя комбинации $ (). Offset () и window.scroll.

Это работает, но очень изменчиво. Я думаю, это потому, что анимация и прокрутка не синхронизированы.

Как вы можете подключиться к функции animate для выполнения кода на каждом шаге. Эта опция не указана в руководстве.

Спасибо.

Answer 1

Flash

(шучу ... вроде)

То, что вы пытаетесь сделать, звучит так, будто это действительно расширяет границы DHTML. Даже если вы работаете на своей машине для разработки, он потерпит неудачу (или, по крайней мере, не будет гладким) для любого пользователя с более слабым компьютером. Поэтому, если вы хотите получить последовательное плавное отслеживание анимации на всех платформах, не используйте DHTML; вместо этого используйте инструмент, предназначенный для этого (например, Flash или, возможно, Silverlight, если вы человек .net).

Однако, если по какой-то причине вы хотите пойти по DHTML-маршруту (возможно, у всех ваших пользователей плохие задницы?), Вам действительно нужно объяснить, как вы делаете анимацию. Мы не можем читать ваши мысли и волшебным образом знаем, какую библиотеку анимации вы используете, поэтому, когда вы спрашиваете «Как вы можете подключиться к функции animate», вам нужно указать, что на самом деле представляет собой «animate» функция.

**** ***** EDIT 1009 *

Комментатор указал, что вы, вероятно, используете jQuery (из-за вашего выбора тега). В этом случае, вы можете захотеть взглянуть на эту статью, на которую я наткнулся сегодня утром: http://www.smashingmagazine.com/2009/02/20/ask-sm-css-smooth-page-scrolling-divs-of-equal-height-dealing-with-ie-6/ который имеет дело с плавной прокруткой и jQuery.

Answer 2

Я думаю, вы знаете о

jQuery(document).bind('scroll', function(){
 //animate your div
});

bind, верно?