Squarespace

Question

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

One of the web pages that has the color loading before the image

Javascript 我使用的代码：

< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" > < /script> <
  script src = "https://cdn.jsdelivr.net/npm/scrollax@1.0.0/scrollax.min.js" > < /script> <
  script >
  $('.has-background').attr('data-scrollax-parent', 'true');
$('.section-background').attr('data-scrollax', 'properties: { translateY: "30%" }');
$.Scrollax(); <
/script>

<style>.has-background {
  overflow: hidden;
}

</style>

如有任何建议，我们将不胜感激！！谢谢！

Answer 1

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

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

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

Squarespace - 有没有办法可以更改此预加载背景颜色？

Squarespace - Is there a way that I can change this pre-loading background color?

javascript