Question

我有一个带有Bootstrap滚动显示页面的网页（我在w3schools中对此进行了描述），一切正常。现在，我想添加一个具有视差效果的背景（就像我看到的here一样），但是它不起作用：背景图像甚至都没有出现。

我在Chrome和Firefox上都尝试过，Firefox在控制台上显示一条消息，指出与滚动链接相关的定位可能由于异步滚动而无法正常工作，并提供了link：，这与该问题不完全相同。 / p>

当我删除滚动部分时，视差效果很好。但是当它们都在这里时，scrollspy可以工作，而视差则不能。

正如我所说，我使用了w3schools中介绍的Bootstrap scrollspy

<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收到相同的警告，但仍无法正常工作。

parallax.js无法与Bootstrap的scrollspy一起使用

0 个答案: