Javascript Squarespace-有没有办法更改预加载的背景色？

我在7.1 SquareSpace站点的代码注入（页脚）中添加了一个视差javascript代码。但是，现在当您转到站点上具有视差效果的任何页面时，都会在加载图像之前加载背景色。以前有没有人经历过这种情况，或者对如何去除这种颜色有什么建议？我希望实际的图像是第一个加载的东西，而不是蓝色。或者某种解决方法，这样它就不明显了

我正在使用的Javascript代码：

<
脚本src=”https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js“><
脚本>
$（'.has background'）.attr（'data-scrollax-parent'，'true'）；
$（'.section background'）.attr（'data-scrollax'，'properties:{translateY:'30%'}'）；
$.Scrollax（）<
/脚本>

。有背景{
溢出：隐藏；
}

一般来说，图像总是在页面剩余部分之后加载。但是，您可以将您的分区背景颜色设置为与网站背景（白色）相匹配，以使其不那么引人注目。如果在样式和分区设置中没有设置分区背景颜色的选项，则以下CSS（通过插入）应该可以做到这一点：

:not(.has-background) .section-background {
  background-color: white;
}

.page-section.has-background.black-bold .section-background-overlay {
  background-color: white !important;
}

---

非常感谢。将网站背景改为白色有很大帮助。它看起来确实更好！