css - 背景图像使用 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'。不确定，试试看。