我一直试图在我正在进行的一个项目上找到问题的解决方案。
它使用parallax.js使船看起来像漂浮。 在产品瓶的前景上,但我希望它是视差,所以我使用了Stellar.js。我在脚本方面的技能不是那么好,所以我无法自定义或使它们适用于某种类型的代码。
但是这里有一个小故障,因为每次有人在谷歌浏览器上访问这个网站时它会打开而没有瓶子,但是如果你刷新页面就会出现瓶子。
在Firefox上,瓶子在初始加载时会出现,但在滚动时会消失。
我无法理解如何解决此问题。如果有经验的人可以帮我找出搞乱的话,那就太棒了
<div id="parallaxscene">
<img src="images/pic.jpg" style="width:100%" alt="">
<ul id="scene">
<li class="layer" data-depth="0.40"><img src="images/ship.png" alt=""></li>
<li class="layer" data-depth="0" data-stellar-ratio="0.5"><img id="bottleparallax" src="images/bottle.png" alt=""></li>
</ul>
</div>