Как убрать дрожание страницы при анимации?

Question

[Артем Зинкин]

Если при срабатывании этого кода прокрутить страницу в другом направлении, страница начинает дергаться. Посоветуйте, как это исправить.

$('body').animate({
    scrollTop: 0
}, 800);

Answer 1

[Владимир Проскурин]

Останавливать анимацию, и вернуть пользователю контроль над скроллом.

Comments

[Артем Зинкин]

Как это сделать после запуска анимации?

[Владимир Проскурин]

Артем Зинкин, вообще, это стандартное поведение для кнопки наверх. Посмотрите на том же Хабре как реализовано.

Answer 2

[MarvinJan]

Владимир дал правильные указания насчет логики действий. Если говорить конкретнее по коду, вот то, что вам нужно - https://api.jquery.com/stop/

$('body').stop(true, false);

Comments

[Артем Зинкин]

MarvinJan логику я понимаю. Отключаем прокрутку для пользователя – прокручиваем куда нужно – включаем прокрутку обратно. Фишка в том, что после $('body').stop() не работает прокрутка scrollTop: 0

[MarvinJan]

Артем Зинкин, не работает где? При скролле мышкой? При нажатии на кнопку "наверх"? $('body').stop(/* здесь что указываете? */)

Да и еще, правильный селектор в данном случае $("html, body").