zSpacing: Расстояние между фреймами по оси Z. Значение-1000.lastPos: Стартовая позиция фреймов, равноеzSpacing / 5.$frames: Коллекция всех элементов с классом.frame.zVals: Массив, хранящий значения по оси Z для каждого фрейма.
При прокрутке страницы:
top: Насколько проскроллена страница.delta: Разница между текущим и последним положением прокрутки.lastPos: Обновляется текущим положением прокрутки.
Для каждого фрейма:
- Определение начального значения по оси Z.
- Корректировка значения по оси Z, основываясь на
delta. - Установка прозрачности элемента в зависимости от его позиции по оси Z.
- Применение стилей к фрейму с помощью
setAttribute.
Страница прокручивается на 1 пиксель вниз при загрузке, чтобы инициировать эффект.