背景图像使用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，” - ＆gt; parallaxBackgrounds：false，

Answer 2

你应该在stellar.js脚本中找到一个描述scrollProperty的部分：'scroll'，我想你需要把它改成scrollProperty：'transform'。不确定，试一试。