2015-05-01 138 views
0

我剛剛在我的網站上實現了imageScroll.js,並且在我的段落之間的圖像工作正常。當輸入website時,我想要獲得具有視差效果的第一張圖像。圖像可以通過數據圖像html標籤或圖像選項(JS)加載。imageScroll.js視差背景圖像

當我將圖像設置爲「背景」時,我認爲圖像已修復,視差效果無法應用。但是當我將圖像加載到div中時,就像我在段落之間的其他兩個圖像一樣,它會移動菜單以及下面的歡迎文本。

我試圖用z-index實現它,但是無法使它運行。

有沒有人對我有一個想法我該如何做到這一點?

非常感謝!

埃裏克

回答

0

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

也許別人也搞不清楚,並察覺到這是有幫助的。

乾杯

埃裏克