Javascript 视差滚动-while后停止元素

我有视差滚动元素的问题

$（窗口）。滚动（函数（）{
var wScroll=$（this.scrollTop（）；
$（'.eboy'）.css({
“转换”：“转换（0px，+wScroll/12+”%）
});
});
。第1节{
宽度：100%；
填充：0；
保证金：0；
高度：自动；
位置：相对位置；
高度：800px；
背景图像：url（“../images/head.png”）；
尺寸：自动600px；
位置：上止点；
背景附件：固定；
溢出：隐藏；
}
.第1节img{
宽度：100%；
高度：自动；
}
埃博先生{
宽度：900px；
高度：300px；
背景图片：url（“../images/eboy.png”）；
背景重复：无重复；
背景位置：底部；
位置：绝对位置；
保证金权利：50%；
利润率最高：5%；
}
.eboy2{
宽度：1100px；
高度：300px；
背景图片：url（“../images/eboy.png”）；
背景重复：无重复；
背景位置：右下角；
位置：绝对位置；
右边距：40%；
利润率最高：5%；
z指数：-100；
}
.第2节{
宽度：100%；
填充：0；
保证金：0；
高度：自动；
位置：相对位置；
高度：646px；
背景图片：url（“../images/dobrodosli01.png”）；
大小：包含；
位置：上止点；
z指数：-100；
}
.第2节img{
宽度：100%；
高度：自动；
}
.第3节{
高度：200px；
背景图像：url（“../images/kapija.png”）；
z指数：100；
}
.第3节img{
位置：相对位置；
左：0px；
顶部：0px；
z指数：100；
}
我不太明白您的要求，但听起来您需要做的就是使用js检查滚动的距离，然后在1000像素时将其位置设置为固定

检查滚动的距离：

$(window).scroll(function() {

    //if I scroll more than 1000px...
    if($(window).scrollTop() > 1000){

        //Then change the elements position to fixed:
        $("#element").css("position", "fixed"); 
    }
});

如果您创建一个JSFIDLE，我很乐意提供帮助

$(window).scroll(function(){

var wScroll = $(this).scrollTop();


if($(window).scrollTop() > 800){


    $(".eboy").css({"transform" :  "translateY(0px)"});
    $(".eboy").css("margin-top", wScroll-600+"px");

}
else{
     $('.eboy').css({
  'transform' : 'translate(0px, '+ wScroll /12 +'%)'
});
     $(".eboy").css("margin-top", "0px");
}

});

最后，这是我问题的解决方案，所以这个答案可能会对某人有所帮助
 也许我需要一些你发的东西。这是我的提琴，但在我的本地主机和JS提琴中看起来仍然不一样。但是如果你能在这方面提供帮助，非常感谢。如果没有，再次感谢。