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!
问问题
10056 次
4 回答
8
我遇到过同样的问题。
在您的 jquery.stellar.js 文件中更改 stellar 函数，以便将水平滚动设置为 false（默认设置为 true）。
$.stellar({
horizontalScrolling:false
// rest of function
});
于 2014-02-23T19:16:10.437 回答
4
尝试更改scrollProperty为transform，例如：
scrollProperty: 'transform'
这对我有用。
于 2012-09-20T15:09:30.053 回答
0
遇到同样的问题，我尝试添加
scrollProperty and horizontalScrolling
虽然这导致我的背景没有被加载。
删除这两个属性并运行 Stellar like..
$.stellar({}) instead of $.stellar()
（就像在 Stellar 网站上一样）
视差就像一个魅力。
于 2015-02-23T12:02:14.273 回答
0
我有同样的问题并且已经有horizontalScrolling:false。添加scrollProperty: 'transform'解决了我的问题。
于 2014-09-13T21:50:39.627 回答