jquery superscrollorama已修复bgimg

Question

我需要从几个元素中获得滚动。在这种情况下，从这里的三张图片。

html：

<div id="infografik">
    <div id="innerWrapper">
        <div class="minerWrapper">
            <img class="miner1" src="<?php bloginfo('template_url'); ?>/images/infografik/00_miners/Girl_Miner.png" alt="girl miner" />
            <img class="miner2" src="<?php bloginfo('template_url'); ?>/images/infografik/00_miners/Head_Miner.png" alt="girl miner" />
            <img class="miner3" src="<?php bloginfo('template_url'); ?>/images/infografik/00_miners/Boy_Miner.png" alt="girl miner" />
        </div>
    </div>
</div>

css：

#infografik{
    font-size:100px;
    width:100%;
    background:url('../images/infografik/whole_bkgd_2.jpg')center center no-repeat;
    height:6200px;
    /*position:fixed;*/
}
#innerWrapper{
    width:935px;
    height:100%;
    margin:0 auto;
    background-color:red;
    opacity:0.3;
}
.minerWrapper{
    top:260px;
    position:relative;
}
#scrollwrapper{
    height:6200px;
    position:absolute;
    /*overflow:scroll;*/
}

jquery：

controller.pin($('#infografik'), 700, {
    anim: (new TimelineLite())
        .append(
            TweenMax.fromTo($('img.startGM'), .45,
                {css:{width: 22}, immediateRender:true},
                {css:{width: 172}})
        ),
    onUnpin: function(){
        $('#infografik').css('position', 'relative');
    }
}, -2000);

我试着给bg第一个固定位置，但在滚动事件之后，他跳回来开始…

我也试图给minerWrapper的固定位置与超级卷轴大头针功能，但这只是导致矿工在事件期间静止不动，但背景移动，我需要一切站立和滚动事件移动一些东西。

问候timmi

我需要

Answer 1

他们提摩太斯我知道你只是从错误的角度来处理这个问题，大头针应该把页面固定到你想要的任何位置，这样背景就不会改变。

我也告诫不要对引脚做任何位置更改，这只会在DOM中导致一些不可预测的事情。我建议从一开始就去掉你所有的定位。

从最好的我可以理解你正在尝试做一些动画的3个图像，但我真的不能真正得到你想要做的。

Answer 2

我们可以通过在页面加载时自动向下滚动来修复它。

脚本是这样的：

function Scrolldown() {
     window.scroll(0,1); 
}

示例链接：

http://codepen.io/subin/pen/dprkkY

请让我们知道你的建议。