滾動到div

Question

我想用jQuery的scrollTop函數使用非常基本的平滑滾動功能，但沒有成功。 我想任何具有CSS類「滾動」的鏈接應該總是向下滾動頁面並停止在具有「停止」類的div處。 例如，我有像HTML結構：

<a href="#" class="scroll">Scroll down</a> 
<div class = "test">long text</div> 
<div class = "stop">Stop here</div> 
<div class = "other">text</div> 

Answer 1

試試這個：

$('a.scroll').click(function() { 
    var stop = $(this).siblings('div.stop:first').offset().top; 
    var delay = 2000; 
    $('body').animate({scrollTop: stop}, delay); 
}); 

Answer 2

看看jQuery的scrollTo插件。它會幫助你讓生活更輕鬆。

http://plugins.jquery.com/project/ScrollTo