视差滚动图像

Question

我正在做一个课外的小项目，以增强我的html5 5/css3 3/jquery知识，我正在使用视差滚动，但我似乎无法将底部图像滚动到视图中。它似乎卡在上面，无论我做什么，我似乎不能把它拉进视野。

黑色底部应该有一张巨大的美元钞票，上面写着“安倍就是钱”。

我的网址是：http://www.petegetscreative.com/abe/index.html

灵感来自本教程：http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/

干杯

Answer 1

我认为美元钞票的形象太小了。

看看这个小屁孩，当我将美元纸币图像的大小增加到200%时，它就会在预览中显示出来。

#known { 
    background: url(http://www.petegetscreative.com/abe/images/US-$5-SC-1953-Fr.1655.2.jpg) 50% 0 no-repeat fixed;
    background-color: #000;
    background-size: 200%;
    height: 600px;  
    margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
    padding-top: 50px;
}

所以可能发生的是，图像的高度小于滚动位置的差异。尝试一个更大(更高)的图像。

Answer 2

我认为问题可能是美元图像小于区段标签，而您正在运行的脚本将bg图像放置在负Y位置。您可以做一个测试，使图像大于650‘s(区段的高度)。