Squarespace - Есть ли способ, которым я могу изменить этот цвет фона предварительной загрузки? - PullRequest
Новая
       75

Squarespace - Есть ли способ, которым я могу изменить этот цвет фона предварительной загрузки?

0 голосов
/ 30 января 2020

Я добавил код параллакса javascript в свой код (нижний колонтитул) на своем сайте 7.1 SquareSpace. Однако теперь, когда вы go обращаетесь к любой странице сайта, которая имеет эффект параллакса, появляется цвет фона, который загружается до загрузки изображения. Кто-нибудь сталкивался с этим раньше или есть какие-либо советы о том, как избавиться от цвета? Я хотел бы, чтобы фактическое изображение загружалось первым, а не синий цвет. Или какой-то обходной путь, чтобы он не был заметен.

Одна из веб-страниц, которая загружается цветом перед изображением

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>

Любой совет будет принята с благодарностью! Спасибо!

1 Ответ

0 голосов
/ 30 января 2020

Вообще говоря, изображения всегда загружаются после остальной части страницы. Тем не менее, вы можете установить цвет фона вашего раздела в соответствии с фоном сайта (белым), чтобы он был менее заметным. Если нет никакой возможности установить цвета фона раздела в вашем стиле и настройках раздела, то следующий CSS (вставленный через 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;
}
...