CSS-視差圖像無法正常工作

Question

我在這里有整個部分：

<section id="design-centre">
    <section id="design-centre-cover">
        <div class="container">
            <div class="row">
                <div class="cover-left">
                    <h1>Our Designs Make Luxury More Affordable</h1>
                </div>
            </div>
        </div>
    </section>
 </section>

這是CSS：

 section#design-centre {
    position: relative;
 }

 background: url(../images/design-center-cover.jpg) center top no-repeat;
    height: 800px;
    background-attachment: fixed;
 }

我正在嘗試做以下事情：

當用戶滾動時使圖像滾動，這是我要查找的示例：

http://www.hush.ca/hush-design-main/#hush-design

我嘗試使用background-attachment: fixed; 但這根本沒有用

Answer 1

目前，如果沒有JavaScript，這似乎是不可能的。 嘗試一些示例代碼教程 。 主要前提是使用$(window).scroll() JavaScript window.onscroll或jQuery $(window).scroll()事件處理程序來檢測主頁的滾動，並相應地調整背景的位置。

另外，下次您可能要先問SO重復/類似的問題，然后再問自己的問題。