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);
}

动画到div的一定距离

1 个答案: