Скрипт для создания плавающего паралакс скролинга.
Паралаксом называется независимо движущийся фон на сайте.
Создал его Mark Dalgleish
Хороший пример, как это выглядит есть на его сайте
Скрипт подключается в тег <head>
Паралаксом называется независимо движущийся фон на сайте.
Создал его Mark Dalgleish
Хороший пример, как это выглядит есть на его сайте
Скрипт подключается в тег <head>
<script src="../js/stellar.js"></script>Чтоб фон двигался необходимо в нужный нам блок div поставить параметры для скрипта
<div class="photo summer" data-stellar-background-ratio="0.5" style="background-position: 50% 0px;">data-stellar-background-ratio - это параметра скорости с которой перемещается фон блоки.
Так же через style настраивается начальное положение блока - стартовая точка его перемещения.
Комментариев нет:
Отправить комментарий