2013-07-04 62 views
0

我有一个jQuery中的函数。 如果我点击该按钮时,它的页面滑动到特殊元件动画到离div一定距离

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

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

Althoug,如果浏览器窗口的宽度 - >(@媒体(最大宽度: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); 
} 

回答

1

如果对象的声明中检查更好的使用条件运算符就像你不能添加以下

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

它的作品,非常感谢你:) – MateuszC