Анимация scrollTop на div с переполнением при использовании путевых точек

Question

Я хочу иметь div с автоматическим прокручиванием контента, когда пользователь прокручивается до этой точки на веб-сайте.

Это как в этом примере на JSFiddle

$("#div").animate({ scrollTop: 1000 }, 2000); 

При этом приведенном выше примере скроллинг происходит сразу же при загрузке страницы.

Мой div с содержимым прокрутки дальше на моем сайте, поэтому я хочу, чтобы он автоматически прокручивался, когда он попадал в эту точку. (Я использую jquery-waypoints на моей странице уже).

Answer 1

Предполагая, что вы хотите, это прокрутки анимации произойдет, когда #div попадает в верхней части окна:

$('#div').waypoint(function(direction) { 
    $(this).animate({ scrollTop: 1000 }, 2000); 
}); 

Вы можете использовать этот параметр direction сделать что-то другое, если его значение "up". Вы можете использовать triggerOnce: true, чтобы сделать анимацию один раз, а затем никогда больше. Тебе решать.