Javascript imageScroll.js视差背景图像
我刚刚在我的网站上实现了,对于我的段落之间的图像,它工作得很好。当进入我想有视差效果以及第一个图像。这些图像要么通过数据图像html标记加载,要么通过图像选项(JS)加载 当我将图像设置为“背景”时,我认为图像是固定的,无法应用视差效果。但当我将图像加载到div中时,就像我在段落之间处理其他两个图像一样,它会改变菜单以及下面的欢迎文本 我试图用z-index实现它,但还不能让它运行 你们有没有人能告诉我怎样才能做到这一点 提前多谢Javascript imageScroll.js视差背景图像,javascript,css,dom,z-index,parallax,Javascript,Css,Dom,Z Index,Parallax,我刚刚在我的网站上实现了,对于我的段落之间的图像,它工作得很好。当进入我想有视差效果以及第一个图像。这些图像要么通过数据图像html标记加载,要么通过图像选项(JS)加载 当我将图像设置为“背景”时,我认为图像是固定的,无法应用视差效果。但当我将图像加载到div中时,就像我在段落之间处理其他两个图像一样,它会改变菜单以及下面的欢迎文本 我试图用z-index实现它,但还不能让它运行 你们有没有人能告诉我怎样才能做到这一点 提前多谢 埃里克我看到的不是树木而是树木。只需将视差中的所有内容放入div
埃里克我看到的不是树木而是树木。只需将视差中的所有内容放入div中:
<div class="img-holder" data-image="../images/other/home-min.jpg" data-image-mobile="../images/other/home-min.jpg">
<!-- Home Page -->
<div id="home" class="container-fluid">
<div class="row">
<nav class="navigation">
<div class="col-md-3"><a class="navigation" href="#about">About</a></div>
<div class="col-md-3"><a class="navigation" href="#portfolio">Portfolio</a></div>
<div class="col-md-3"><a class="navigation" href="#contact">Contact</a></div>
<div class="col-md-3"><a class="navigation" href="#blog"></a></div>
</nav>
</div>
<div id="welcome" class="row">Welcome</div> <!--Welcome Text-->
</div>
</div>
欢迎
也许其他人也感到困惑,认为这很有帮助
干杯
埃里克