2013-07-04 91 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