2012-10-07 257 views
4

我有一個隱藏的div,.model-detail-panel,當點擊.span時顯示。JQuery動畫滾動到div頂部

$('[class*="span"]').on('click', function() { 
     $(this).parent().next('.model-detail-panel').slideToggle() 
    }); 

我想結合.animate()這個代碼,以滾動屏幕,使得顯示div的頂部是在窗口的頂部。

我該如何做到這一點?

在此先感謝..

回答

12

您可以使用Position,像這樣:

$("body, html").animate({ 
    scrollTop: $(".model-detail-panel").position().top 
}); 
+0

感謝您的回覆。不幸的是,這並沒有做任何事。在你的代碼中.top應該是.model-detail-panel的頂部? – webworker

+0

是的。嘗試console.log該值。 –

+0

運行console.log會導致返回窗口對象。理想情況下,我希望.model-detail-panel成爲結果? – webworker

3

稍微改變由@米歇爾 - BERTOLI建議代碼

$('html, body').animate({scrollTop: $(".model-detail-panel").offset().top 
      }, 500); 

已經爲我工作..

感謝那些誰張貼..