javascript - 将一系列 If 语句组合成一个代码

Question

现在我有一系列 if 语句，每个语句都测试窗口是否滚动到某个点，如果是，背景就会改变。由于每个 if 语句都非常相似，我想知道是否可以将所有 if 语句组合成一个。由于我有一百多张图片，使用我目前使用的这种方法，我必须为每张图片制作一个 if 语句。

下面是我的代码示例。您会注意到的唯一变化是 scrolltop()/2 > _ 和 MAH00046%2028.jpg。

    if ($(this).scrollTop()/2 > 2800) {
    $('body').css({
        backgroundImage: 'url(    "images/chapter_background_images/MAH00046%20028.jpg")'
    });
}

if ($(this).scrollTop()/2 > 2900) {
    $('body').css({
        backgroundImage: 'url(    "images/chapter_background_images/MAH00046%20029.jpg")'
    });
}

Answer 1

这将是最好的:

var imageBase = 'images/chapter_background_images/MAH00046%200';            
var scrollTopHalf = $(this).scrollTop() / 2;
if(scrollTopHalf < 2900 || scrollTopHalf > 3900)
{           
    var image = imageBase + (Math.floor(scrollTopHalf / 100)).toString() + '.jpg';

    $('body').css({
        backgroundImage: 'url("' + image + '")'
    });
}

我的其他方法基本上效率不高。