background-attachment：

• scroll 默认值。背景图像会随着页面其余部分的滚动而移动。
• fixed 当页面的其余部分滚动时，背景图像不会移动。

    <section class="banner">

    </section>

    <div class="content">

    </div>

    .banner {
        background-image: url(banner.jpg);
        background-size: cover;
        background-attachment: fixed;
        height: 400px;
    }

    .content {
        height: 1000px;
        background-color: red;
    }