Igromen.Do.Am - игровой и кино портал, объединяющий в себе множество новостей и публикаций, огромный форум для веб - мастеров.
1381
524
283
новостей в ленте
тем на форуме
пользователей
Будь в курсе
Это интересно
Загружай и играй
Всё для uCoz
Правила сайта
Перейти к разделу игровых новостей Последние новости и публикации
Для разработчиков The Witcher 3 сюжет всегда был важнее сражений с монстрами Для разработчиков The Witcher 3 сюжет всегда был важнее сражений с монстрами
В разговоре с порталом Culture.pl о сюжете The Witcher 3 и о том, как разработчикам удалось перенести созданный Анджеем Сапковским мир в видеоигру, Марчин Блоха из CDPR заявил, что хорошее воображение — черта многих польских студий.
29.12.2016
У EA нет планов по выпуску новой Battlefield в 2017 году У EA нет планов по выпуску новой Battlefield в 2017 году
Какой бы успешной ни оказалась Battlefield 1, компания EA, похоже, все-таки не будет больше рисковать с попытками сделать франчайз ежегодным.
29.12.2016
Counter-Strike: Global Offensive показали на движке Unreal Engine 4 Counter-Strike: Global Offensive показали на движке Unreal Engine 4
Один из игровых дизайнеров под ником fuze опубликовал двухминутный ролик, в котором продемонстрировал игровой процесс Counter-Strike: Global Offensive от Valve на движке Unreal Engine 4.
28.12.2016
В сеть утекла дата релиза Red Dead Redemption 2 В сеть утекла дата релиза Red Dead Redemption 2
На просторах всемирной паутины появились фотографии рекламных материалов для Red Dead Redemption 2. И здесь сотрудники Rockstar Games указали дату выхода своей новой игры.
28.12.2016
Сюжетный директор CDPR не считает The Witcher примером искусства Сюжетный директор CDPR не считает The Witcher примером искусства
В интервью порталу Culture.pl сюжетный директор CD Projekt RED Марчин Блаха рассказал, почему не считает The Witcher примером искусства.
25.12.2016
Мини-чат
Для добавления сообщения в мини-чат необходимо быть авторизованным пользователем сайта
Мы Вконтакте
Статистика сайта
Яндекс.Метрика Анализ сайта онлайн

Рейтинг@Mail.ru

igromen.do.am Tic/PR

Онлайн всего: 1
Гостей: 1
Пользователей: 0

На сайте: Никого нету

[ Пользователи за день ]
Parallax-Scroll, плагин на JQuery, позволяющий создать элементы с фоном, который при прокрутке ведет себя так, как-будто его свойство background-attachment выставлено наполовину scroll и fixed. То есть фоновое изображение движется медленнее, чем вы прокручиваете страницу, что создает необычный эффект движущегося фона. Плагин отлично работает на Safari и мобильных устройствах, к тому же он совсем небольшой, поэтому не будет лишней нагрузкой для сайта.

Установка плагина

1. Скачайте архив, и в корень файлового менеджера залейте все его содержимое.

2. Рассмотрим пример типичной разметки для создания эффекта Parallax-Scroll.
Код
<div id="pic1" class="bg-holder" data-width="1024" data-height="768">
Первый блок с фоном, к которому применяется эффект Parallax-Scroll.
</div>

<section>
<p>Обычная часть страницы, которая прокручивается с обычной скоростью, здесь может располагаться основной текст.</p>
</section>

<div id="pic2" class="bg-holder" data-width="1024" data-height="768">
Второй блок с фоном, к которому применяется эффект Parallax-Scroll.
</div>

В саму разметку я уже часть ее описания вставил. Единственное что нужно добавить, блоков с фоном и обычных секций с текстом может быть сколько угодно, главное у каждого блока с фоном - должен быть свой уникальный id (pic1, pic2, итд), для каждого из которых в стилях нужно будет указать собственно его фоновую картинку.

3. В <head> вставьте файл стилей, который сперва отредактируйте в соответствии с тем что было написано в конце второго пункта.
Код
<link rel="stylesheet" href="/parallax-scroll/style.css"/>


4. И последнее, прописываем перед </body> скрипты.
Код
<script src="/parallax-scroll/parallax-scroll.js"></script>
<script src="/parallax-scroll/demo.js"></script>

Первый скрипт это основной плагин, его трогать не надо, если не разбираетесь. А второй - это вызов основного плагина, указывающий к какому блоку он должен применять эффект Parallax-Scroll, и с какими основными параметрами (описание параметров указано в самом скрипте).

Вот и все, не забываем комментировать, оценивать и репостить.

Скачать архив: https://cloud.mail.ru/public/KWHL/TeAYSk8uZ
04.01.2016 Автор: Димон Комментариев: 0 Просмотров: 605 Рейтинг: 0.0
Поделись ссылкой с друзьями:
Рейтинг Движущийся фон при прокрутке (parallax-scroll) на jQuery для uCoz:
0 из 10
Проголосовало: 0
ПОХОЖИЕ ПРЕДЛОЖЕНИЯ
Нет комментариев, но вы можете стать первым, оставив свой комментарий
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
О портале Igromen.Do.Am
Контакты
В помощь пользователям