Javascript 使用鼠标滚轮“更改身体背景”；卷轴；

我希望图像显示在连续显示，但在铬的图像出现和消失 我正在使用以下代码：

$(document).scroll(function () {

if ($(this).scrollTop() > 50) {
    $('body').css("background-image", 'url("1.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 100) {
    $('body').css("background-image", 'url("2.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 150) {
    $('body').css("background-image", 'url("3.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 200) {
    $('body').css("background-image", 'url("4.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 250) {
    $('body').css("background-image", 'url("5.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 300) {
    $('body').css("background-image", 'url("6.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 350) {
    $('body').css("background-image", 'url("7.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 400) {
    $('body').css("background-image", 'url("8.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 450) {
    $('body').css("background-image", 'url("9.jpg")').fadeIn("slow");
}
if ($(this).scrollTop() > 500) {
    $('body').css("background-image", 'url("10.jpg")').fadeIn("slow");
}


});

---

我想你想要这样的东西：

var images = [];
images[0] = "1.jpg";
images[1] = "2.jpg";
images[2] = "3.jpg";
images[3] = "4.jpg";
...
images[X] = "...";


$(document).scroll(function() {

    if ($(this).scrollTop() > 0) {

        $('body').css("background-image", 'url(' +
                          images[Math.min($(this).scrollTop()/50, images.length] 
                      +')').fadeIn("slow");
    }


});

---

也请发布HTML，创建JSFIDDLE你想做什么？例如，当您滚动到300时，最多300个序列都将被调用。您能给JSFIDLE同样的命令吗？