Ресурсы прокрутки параллакса

Я просто делаю некоторые исследования для будущего проекта. Я уверен в некоторых плагинах прокрутки Parallax, но если посмотреть на некоторые примеры, например (http://everylastdrop.co.uk/) вместо вертикальных переходов есть такие, которые тянут div (или что-то еще) сбоку или под углом. Пример, который мне нравится, это солнце на веб-сайте, который я указал выше. Я действительно не уверен, как это сделать, поэтому мне было интересно, может ли кто-нибудь указать мне правильное направление, как называется этот метод, или ссылки для предоставления учебных пособий. Я могу найти множество прекрасных примеров, но нет точного метода или плагина для этого!

Благодарю вас


scroll html jquery parallax
person Shimsham84    schedule 13.03.2013    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Stellar.js будет отличным местом для начала. Это довольно крутой плагин, который упрощает весь процесс параллакса.

(http://markdalgleish.com/projects/stellar.js/)

Я думаю, что вы ищете комбинацию элементов параллакса и фона параллакса.

person Harlow    schedule 13.03.2013
comment
Спасибо, я также только что нашел этот плагин: prinzhorn.github.com/skrollr. Не был уверен, что у этого метода другое имя, вот и все! - person Shimsham84; 13.03.2013
comment
Такого я ещё не видел, выглядит очень круто! Вот еще один: johnpolacek.github.com/supersscrollorama - person Harlow; 13.03.2013
comment
..и тот, который также имеет функции навигации/клавиатуры: johnpolacek.github.com/scrolldeck.js - person Harlow; 13.03.2013

arrow_upward
1
arrow_downward

Я создал сайт Every Last Drop с помощью Skrollr.js, который, я думаю, вы уже нашли.

Документация на странице GitHub очень подробная и довольно проста в использовании. Там также есть несколько ссылок на учебные пособия и другие примеры его использования.

Он может делать некоторые действительно крутые вещи, такие как интерполяция между значениями rgb/hsl при прокрутке, так небо в начале превращается из ночи в день. Не стесняйтесь, дайте мне крик, если у вас есть другие вопросы по этому поводу!

person Peter Larkin    schedule 28.03.2013

arrow_upward
0
arrow_downward

Взгляните на мой сайт-портфолио http://anti-code.com.

Он имеет прокрутку параллакса, которая перемещается во всех направлениях, независимо от того, где вы находитесь, при этом центральная панель сетки панелей 3 x 4 является основной панелью по умолчанию.

Я просто использую свойства CSS: position, left и top для размещения панелей там, где я хочу, а затем в javascript я создаю объект, который содержит идентификатор каждой панели, ее левое/верхнее положение, а также ширину и высоту обертка, внутри которой находятся панели.

Со всей этой информацией у вас есть все, что вам нужно для расчета вещей для сайта с параллаксной прокруткой.

person jaredwilli    schedule 13.03.2013