javascript - 创建全屏背景图片，但仍允许用户向下滚动

Question

我在一个网站上工作，所有内容都适合一个页面，并向下滚动到其他部分，这些部分将像其他页面一样工作。我想要一个动态调整图像的着陆页，当用户进入时，它将占据整个页面。我能够使图像正常工作，但我无法将页面向下滚动到其他内容。

.full-size {
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    overflow:hidden;
}
.page-welcome{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #292929 url(http://placekitten.com/1600/900) repeat fixed;
    background-size: cover;  
    }

这是我正在使用的 css。

我还在 jsfiddle 中设置和示例 HERE请注意，“测试”应该居中，一定要复制粘贴错误或类似的东西。

Answer 1

只是为了扩展我的评论:将 margin-top:100%; 添加到您想要下推的 div 应该会产生所需的结果。请查看下面的链接，我添加了一个具有该属性的名为“test”的 div，它似乎可以完成您想要的。

http://jsfiddle.net/tm2v6/13/embedded/result/