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

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

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

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


javascript html css interactive
person squakMIx    schedule 03.10.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

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

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

Вроде верный подход.

person alex    schedule 03.10.2011
comment
Спасибо! Сейчас попробую. Кажется, реагирует гладко и дает мне данные, которые мне нужны. Ваше здоровье - person squakMIx; 03.10.2011

arrow_upward
0
arrow_downward

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

  1. Создайте элемент с нужной полосой прокрутки
  2. Подключите обработчик событий для событий прокрутки
  3. Напишите логику в этом обработчике событий для того, как вы ведете свою главную страницу в зависимости от положения прокрутки, которое вы получаете в обработчике событий.
person jfriend00    schedule 03.10.2011