使用Stellar.js移动背景图像

Question

我正在开发一个使用Stellar.js的垂直滚动网站。但是，当我开始滚动到其他页面时，我为第一张幻灯片设置的背景图像就开始移动。我如何保持它的修复？网址：http://andrewgu12.kodingen.com/

屏幕截图(蓝色区域不应该在那里)：

​

​

CSS：

div#home {
    padding-top: 110px;
    background:url(../images/home_background.jpg) no-repeat fixed;
    max-height: 589px;
    background-attachment:fixed;
 }

如有任何帮助，将不胜感激，谢谢！

Answer 1

虽然这会起作用，但它只会杀死你所有的滚动视差效果--要禁用视差背景并保留视差元素，请在顶部的变量声明区域找到以下内容，并将其设置为'false'：

"parallaxBackgrounds: true，“--> parallaxBackgrounds: false，

Answer 2

你可以在stellar.js脚本中找到一段scrollProperty：'scroll'，我想你需要把它改成scrollProperty：'transform‘。不确定，试试吧。