Как сделать прокрутку страницы с разной скоростью, для чтения?

Question

[Gagatyn]

Здравствуйте!

Подскажите, пожалуйста, как сделать прокрутку страницы, чтобы пользователь успевал прочесть?
Кликаешь на кнопку, страница начинает потихоньку двигаться вниз до конца текста, кликаешь еще раз, скорость увеличивается и быстрее начинает прокручиваться. Кликаешь на кнопку, убавление скорости, и скорость падает.

Я пробовал сделать (код), но не выходит.
И еще, а как добиться плавности в данном случае?

Подскажите как быть!

Answer 1

[RAX7]

Можно через requestAnimationFrame

подробней здесь https://medium.com/@roderickhsiao/implement-smooth...

Comments

[Gagatyn]

подскажите, пожалуйста, как научится писать так же код, выглядит здорово, читаемо и наверно для поддержки круто. Литература, источники?

Answer 2

[quake4fun]

А зачем использовать таймаут? Есть же animate.
Набросал, а вы уж под себя допилите :)
клик

Comments

[Gagatyn]

А зачем использовать таймаут? Есть же animate

Потому что, нельзя скролить

[quake4fun]

Gagatyn, а кто мешает вешать обработчик скроллинга для остановки анимации?

[Gagatyn]

quake4fun, я еще не работал с скроллингом и плохо представляю решение ситуации, как его отловить во время, уже, прокрутки. Можно взглянуть на подобный пример?

[quake4fun]

Gagatyn, добавьте

$(window).bind('mousewheel DOMMouseScroll',function(){
	$("html, body").stop();
});