imageScroll.js视差背景图像

我刚刚在我的网站上实现了imageScroll.js，并且在我的段落之间的图像工作正常。当输入website时，我想要获得具有视差效果的第一张图像。图像可以通过数据图像html标签或图像选项（JS）加载。imageScroll.js视差背景图像

当我将图像设置为“背景”时，我认为图像已修复，视差效果无法应用。但是当我将图像加载到div中时，就像我在段落之间的其他两个图像一样，它会移动菜单以及下面的欢迎文本。

我试图用z-index实现它，但是无法使它运行。

有没有人对我有一个想法我该如何做到这一点？

非常感谢！

埃里克

来源

2015-05-01 chuckmensch

我没有看到树木。只是不得不把一切在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>

也许别人也搞不清楚，并察觉到这是有帮助的。

干杯

埃里克

来源

2015-05-01 21:51:24 chuckmensch

imageScroll.js视差背景图像

回答

相关问题