У меня есть веб-страница с прокруткой из Bootstrap (которую я использовал, как описано в w3schools ), все работало нормально.Теперь я хочу добавить фон с эффектом параллакса (как я видел здесь ), но он не работает: фоновое изображение даже не появляется.
Я пробовалкак в Chrome, так и в Firefox Firefox отображает в консоли сообщение о том, что позиционирование, связанное с прокруткой, может работать неправильно из-за асинхронной прокрутки, и предоставляет эту ссылку:, что не совсем об этой проблеме.
КогдаЯ удаляю прокручиваемые части, эффект параллакса работает отлично.Но когда они оба здесь, прокрутка работает, а параллакс - нет.
Как я уже сказал, я использовал Bootstrap scrollspy, как описано в w3schools
<body class="mt-3" data-spy="scroll" data-target="#sidenavbar" data-offset="100">
<nav id="sidenavbar">
...
<ul class="navbar-nav">
<li class="nav-item"><a href="#section1">Section 1</a></li>
<li class="nav-item"><a href="#section2">Section 2</a></li>
...
</nav>
И этолиния для использования эффекта параллакса:
<div data-parallax="scroll" data-image-src="Ressources\Images\picture.jpg">
...
</div>
Еще раз, они отлично работают отдельно, но я не могу заставить их работать одновременно.Спасибо за вашу помощь.
Редактировать: я не написал здесь ни одного собственного сценария, я использовал тот, который доступен по адресу http://pixelcog.github.io/parallax.js/,, который, к сожалению, не легко читается.
Изменить 2: Я попытался снова с этим сценарием https://github.com/IanLunn/jQuery-Parallax/blob/master/scripts/jquery.parallax-1.1.3.js, Я получаю то же предупреждение от Firefox, и оно все еще не работает.