jquery - 动画到与 div 的一定距离

Question

我在 jquery 中有一个函数。如果我单击按钮，它将页面滑动到特殊元素

$('#tour_btn_1').click(function(){
    tourScrollTo('#tour_header_1');
});

function tourScrollTo(divData){
    $('html, body').animate({
        scrollTop: $(divData).offset().top
    },500);
}

Althoug，如果浏览器窗口的宽度 ->(@media (max-width:1120px){}) 小于 1120px，我希望它稍微滑到元素上方我希望我的代码如下所示：

$('#tour_btn_1').click(function(){
    tourScrollTo('#tour_header_1',BODY_WIDTH);
});

function tourScrollTo(divData,BODY_WIDTH){
    $('html, body').animate({
        if(BODY_WIDTH>1120)scrollTop: $(divData).offset().top;
        else scrollTop: $(divData).offset().top+50PX ABOVE divData;
    },500);
}

Answer 1

如果在 Object 声明中更好地使用条件运算符，则不能添加，如下所示

function tourScrollTo(divData, BODY_WIDTH) {
    $('html, body').animate({
        scrollTop: $(divData).offset().top + (BODY_WIDTH > 1120 ? 0 : -50)
    }, 500);
}