Problems with background image position on Stellar.js
10,051
Solution 1
I had the same issue.
In your jquery.stellar.js file change the stellar function so that horizontal scrolling is set to false (its set to true as default).
$.stellar({
horizontalScrolling:false
// rest of function
});
Solution 2
Try changing scrollProperty
to transform
, like:
scrollProperty: 'transform'
That worked for me.
Author by
Admin
Updated on June 17, 2022Comments
-
Admin almost 2 years
I'm using stellar.js to add a parallax effect to a vertical scrolling website, but I'm having problems with the background positions. When I use the class "data-stellar-background-ratio" to add the parallax effect on a div I can't set the background position to right via CSS. All the background images just go to the left no matter what. I tried to use the position property plugin syntax available on the website, but it seems to break the parallax effect somehow. Can anybody help me? Thank you!