Jquery scroll для предотвращения очереди

Question

Хорошо, простой вопрос для scrollTo.Я ищу способ предотвратить очереди анимации прокрутки.Я пытался работать в stop (), но, похоже, это не сработало ... какие-нибудь идеи?вот код ...

('# nav_hold li a'). click (function () {

$ currLoc = $ (this) .attr ('href');

$newLoc = $currLoc.replace('#!','');  

$ newLoc = "#" + $ newLoc;

$ (окно) .scrollTo ($ newLoc, 1000);
});

вот сайт FYI http://www.dudnyk.com/files/connector/

Answer 1

У меня была такая же проблема, но я нашел решение здесь http://usejquery.com/sites/contrast-rebellion

Просто используйте строку jQuery.scrollTo.window().queue([]).stop(); перед любым новым scrollTo.

Answer 2

.stop () Используется для удаления текущей запущенной анимации, а также для очистки в очереди .stop(true)

$('#about').click(function() {
    $(this).stop(true);
    $.scrollTo('#about', 1000); 
});

Из документации JQuery (ссылка выше):

Если для одного элемента вызывается более одного метода анимации, более поздние анимации помещаются в очередь эффектов для элемента. Эти анимации не начнутся, пока не завершится первая. когда .stop () вызывается, следующая анимация в очереди начинается немедленно. Если параметру clearQueue предоставляется значение true, то остальные анимации в очереди удаляются и никогда не запускаются.

Answer 3

Есть функция clearQueue () . Я думаю, что это должно помочь.

Answer 4

Когда вы используете $.scrollTo для любого элемента, он фактически прокручивает (с анимацией) документ, пока прокрутка не достигнет указанного элемента.Поэтому я считаю, что мы должны остановить анимацию на документе.Попробуйте это

$('#about').click(function() {
    $(window).stop();
    $.scrollTo('#about', 1000); 
});

Answer 5

{ queue : false }

как опция scrollTo

но это по умолчанию. разве щелчок якоря не приведет вас куда-нибудь?