Проблемы с положением фонового изображения на Stellar.js

Я использую stellar.js, чтобы добавить эффект параллакса на веб-сайт с вертикальной прокруткой, но я у меня проблемы с фоновыми позициями. Когда я использую класс data-stellar-background-ratio, чтобы добавить эффект параллакса в div, я не могу установить положение фона вправо с помощью CSS. Все фоновые изображения просто идут влево, несмотря ни на что. Я попытался использовать синтаксис плагина свойства положения, доступный на веб-сайте, но, похоже, он каким-то образом нарушает эффект параллакса. Кто-нибудь может мне помочь? Спасибо!


javascript css parallax
person Dani Guerrato    schedule 18.09.2012    source источник
comment
Добро пожаловать в СО! Используйте популярные теги, описывающие технологии/языки или платформы, которые вы используете. Это поможет другим найти и ответить на ваш вопрос.   -  person Artemix    schedule 19.09.2012

Ответы (4)


arrow_upward
8
arrow_downward

Я была такая же проблема.

В вашем файле jquery.stellar.js измените звездную функцию, чтобы для горизонтальной прокрутки было установлено значение false (по умолчанию установлено значение true).

$.stellar({
horizontalScrolling:false
// rest of function
});
person JWPersh    schedule 23.02.2014

arrow_upward
4
arrow_downward

Попробуйте изменить scrollProperty на transform, например:

scrollProperty: 'transform'

Это сработало для меня.

person Justinas    schedule 20.09.2012

arrow_upward
0
arrow_downward

У меня была такая же проблема, и у меня уже был horizontalScrolling:false. Добавление scrollProperty: 'transform' решило проблему для меня.

person stafio    schedule 13.09.2014

arrow_upward
0
arrow_downward

Имея ту же проблему, я попытался добавить

scrollProperty and horizontalScrolling

Хотя это привело к тому, что мой фон не загружался.

Удаление обоих свойств и запуск Stellar как..

$.stellar({}) instead of $.stellar()

(как на сайте Stellar)

Параллакс работает как шарм.

person JonnyD    schedule 23.02.2015