滚动到div

问题描述:

我想用jQuery的scrollTop函数使用非常基本的平滑滚动功能,但没有成功。 我想任何具有CSS类“滚动”的链接应该总是向下滚动页面并停止在具有“停止”类的div处。 例如,我有像HTML结构:滚动到div

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

试试这个:

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

看看jQuery的scrollTo插件。它会帮助你让生活更轻松。

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