Подтвердить что ты не робот

Эффект прокрутки Jquery Parallax - многонаправленный

Мне нужно создать многонаправленную страницу параллакса JQuery для клиента - они в основном хотят, чтобы она работала аналогично этому - https://victoriabeckham.landrover.com/INT

У меня есть готовое произведение, и я нашел множество jquery-библиотек, которые позволят мне прокручивать горизонт/вертикаль, но я не уверен, как объединить их вместе с определенной координатой. Может ли кто-нибудь указать мне в правильном направлении?

Изменить: я первоначально подписывал этот пост, посмотрев на Суперкролараму и думая, что все было решено - но изо всех сил пытались его реализовать - я не думаю, что это был спаситель, который, как я думал, так и есть, мне нужен как горизонтальный, так и вертикальный параллакс как прокрутка для достижения выше, что, похоже, не поддерживает, поэтому любые другие советы, на которые я был бы очень благодарен!

4b9b3361

Ответ 1

Я выбрал что-то вместе для вас.

http://jsfiddle.net/9R4hZ/40/

script сначала инициализирует начальные позиции всех объектов. Затем обработчики настроены для стрелки и колеса мыши. После этого это мясо алгоритма в функции parallaxScroll.

Он использует стрелки или MOUSEWHEEL для прокрутки.

Есть из [левого, правого, верхнего и нижнего] переходов.

HTML и CSS очень просты.

JS/jQuery, который запускает его, является самоочевидным.

Это интересный эффект, который, как представляется, ориентирован на сайты искусственного типа.

Ответ 2

Вы заглядывали в librairies, такие как Scrollrama http://johnpolacek.github.com/scrollorama/ или занавес http://curtain.victorcoulon.fr/?

Я знаю, что в вашем вопросе вы упоминаете, что вы уже изучали разные librairies, но в зависимости от того, как они работают, трудно реально предложить, как использовать правильные координаты.

* edit1

Если вы еще этого не видели, автор scrollorama также сделал superscrollorama, которые дают немного больше контроля над анимацией, например, анимацию, когда элемент закреплен.

http://johnpolacek.github.com/superscrollorama/

Ответ 3

В этой статье в smashinghub.com показана коллекция плагина JQuery для прокрутки и эффекта параллакса. Я полностью уверен, что один из них поможет вам, это выглядит как путь прокрутки jQuery является наиболее продвинутым из них или соответствует вашим требованиям.

Ответ 4

Я понимаю, что в последнее время я прыгаю, и это может показаться крайне очевидным, но попробовали ли вы реконструировать то, что они сделали на https://victoriabeckham.landrover.com/INT? Похоже, что ScrollAnimator script выполняет основную часть работы. Я бы загрузил их сайт и беспорядок с ним локально, вычитая части, пока не выясню, какие компоненты предоставляют какие функции. Затем я прочитал их, чтобы понять, как они это сделали.