Question

我正在尝试制作一个简单的背景图像，当我向下滚动页面时，该图像将保留在原位。背景图像不会停留在原位。我将背景附件设置为固定。

请参阅：www.emergencydatascience.org

我的CSS代码：

work.reset();

更多CSS，如果有帮助的话： https://github.com/dighr/data-flood/blob/gh-pages/_sass/layout/_wrapper.scss

Answer 1

将.bg类移动到刚开始身体后立即。 #wrapper和.bg

设置不正确

<body class="is-loading">
   <div class="bg"></div>
    <!-- Wrapper -->
        <div id="wrapper" class="fade-in">

            <!-- Intro -->
                <div id="intro">
                    <h1 class="main-heading">Emergency Data Science</h1>
                    <h2 class="main-heading">Taking Advantage of the Data Flood</h2>
                    <p class="main-heading"><b>December 4 - 5, 2018 8:30AM - 5:00PM | Toronto</b></p>
                </div>

我在这里制作了结果的屏幕录像。

https://www.useloom.com/share/f0c19c45ff9b421e903632157b0add64

CSS背景图片未固定

1 个答案: