动画到与 div 的一定距离答案

【问题标题】：Animating to certain distance from div动画到与 div 的一定距离
【发布时间】：2013-07-04 16:27:50
【问题描述】：

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

【问题讨论】：

标签： jquery jquery-animate

【解决方案1】：

您不能在对象声明中添加 if 检查，最好使用如下条件运算符

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

【讨论】：