JavaScript - временно приостанавливает прокрутку страницы, но удерживает полосу прокрутки до тех пор, пока не будет приостановлена

Question

Я пытаюсь добиться эффекта, похожего на этот сайт здесь: https://www.wokine.com/en/, где вы прокручиваете вниз, а текст «HELLO» перемещается в сторону. Я выполнил эту часть, но я застрял на , как приостановить прокрутку страницы после этого , но все еще продолжаю перемещать полосу прокрутки . Мне нужно, чтобы это произошло, поэтому я могу использовать jquery для повторного включения прокрутки после того, как пользователь прокрутит вниз до определенной точки.

Ссылка объясняет это немного лучше, чем я могу со словами.

Answer 1

Прокрутка страницы никогда не приостанавливается и не отключается - это просто "трюк"

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

На первом этапе (исправлено «HELLO») вы можете обнаружить прокрутку страницы и выполнить анимацию элемента.

Второй этап, когда вы хотите, чтобы «ПРИВЕТ» начал прокрутку, переключите его положение в абсолютное (или относительное) и в то же время установите вертикальное положение top с той же координатой, на которую была прокручена страница (window.scrollY )