Пользовательское поведение полосы прокрутки в Javascript?

Я хотел бы воспроизвести эффект, похожий на эту страницу: http://artofflightmovie.com/, где вертикальная полоса прокрутки управляет продвижением браузера «viewport» по заранее определенному пути.

Я думаю, что самый простой способ этого сделать – использовать javascript для считывания значения полосы прокрутки и расположения элементов фона соответственно.

Возможно ли получить значение вертикальной полосы прокрутки в Javascript? Я неправильно подхожу к этому дизайну?

Возможно ли получить значение вертикальной полосы прокрутки в Javascript?

var scrollTop = document.documentElement.scrollTop || window.pageYOffset; 

Я неправильно подхожу к этому дизайну?

Это похоже на действительный подход.

Я бы подумал, что вы захотите:

  1. Создайте элемент с нужной полосой прокрутки
  2. Подключить обработчик событий для событий прокрутки
  3. Напишите логику в этом обработчике событий для того, как вы направляете главную страницу в зависимости от позиции прокрутки, которую вы получаете в обработчике событий
  • Что означает «./» (точечная косая черта) в терминах расположения пути к файлу HTML?
  • Как получить элемент источника события javaScript?
  • Флажок Bootstrap / переключатели не меняют значение <input>
  • Как заставить файл кэшированного css перезагружаться на JSP (т. Е. Не PHP)?
  • Как сохранить элементы, не обновленные
  • Может ли междоменный iframe определять фактические размеры видовых экранов браузера?
  • Как получить щелчок элемента (для всего документа)?
  • Вычислить область и окружность треугольника со стороны пользователя
  • Определение того, существует ли элемент на всей странице html
  • Как сделать загрузчик изображений, например Wordpress?
  • Как обновить холст в сумке HTML?
  • Давайте будем гением компьютера.