Skip to content

Repository files navigation

Документация по эффекту прокрутки 3D

Инициализация переменных

  • zSpacing: Расстояние между фреймами по оси Z. Значение -1000.
  • lastPos: Стартовая позиция фреймов, равное zSpacing / 5.
  • $frames: Коллекция всех элементов с классом .frame.
  • zVals: Массив, хранящий значения по оси Z для каждого фрейма.

Обработчик прокрутки

При прокрутке страницы:

  1. top: Насколько проскроллена страница.
  2. delta: Разница между текущим и последним положением прокрутки.
  3. lastPos: Обновляется текущим положением прокрутки.

Для каждого фрейма:

  • Определение начального значения по оси Z.
  • Корректировка значения по оси Z, основываясь на delta.
  • Установка прозрачности элемента в зависимости от его позиции по оси Z.
  • Применение стилей к фрейму с помощью setAttribute.

Прокрутка при загрузке

Страница прокручивается на 1 пиксель вниз при загрузке, чтобы инициировать эффект.


About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages