imageScroll.js視差背景圖像

Question

我只是在我的網站上實現了imageScroll.js ，對於段落之間的圖像來說效果很好。 進入網站時，我也想獲得具有視差效果的第一張圖片。 通過data-image html標簽或通過image選項（JS）加載圖像。

當我將圖像設置為“背景”時，我認為圖像是固定的，並且無法應用視差效果。 但是，當我將圖像加載到div中時，就像我在段落之間使用其他兩個圖像一樣，它會移動菜單以及下面的歡迎文本。

我試圖用z-index來實現它，但是還不能運行。

你們中有誰對我有個主意，我該如何實現？

在此先多謝！

埃里克

Answer 1

我沒有看到樹木的木頭。 只需將所有內容從視差放入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>

也許其他人也感到困惑，並認為這很有幫助。

干杯

埃里克