javascript - 两个如果在 JS 脚本中

Question

我有一个问题，我会做一个置顶内容。它将与 CSS 和广告类一起使用...

我的问题是我不知道如何问 2 如果...

$(document).on("scroll",function(){

    var fix_work_content = $(".portfolio_work").offset().top -20;
    var leave_work_content = $(".mainfooter").offset().top -50;


    if($(document).scrollTop()>fix_work_content){
        $(".work_content").addClass("fix_work_content").removeClass("leave_work_content");
    } 
    /*
    if($(document).scrollTop()>leave_work_content){
        $(".work_content").addClass("leave_work_content").removeClass("fix_work_content");
    } 
    */
    else{
        $(".work_content").removeClass("fix_work_content, fix_work_content");
    }
});

Answer 1

您是在问如何在进入 else block 之前测试第二个条件吗？如果是这样，这就是您想要的:

if (condition){

} else if (another_condition){

} else {

}

使用您的代码:

$(document).on("scroll",function(){

    var fix_work_content = $(".portfolio_work").offset().top -20;
    var leave_work_content = $(".mainfooter").offset().top -50;   

    if ($(document).scrollTop() > fix_work_content){
        $(".work_content").addClass("fix_work_content").removeClass("leave_work_content");
    } else if ($(document).scrollTop() > leave_work_content){
        $(".work_content").addClass("leave_work_content").removeClass("fix_work_content");
    } else {
        $(".work_content").removeClass("fix_work_content, fix_work_content");
    }
});

我不能说代码是否符合您的要求。