滚动到div

Question

我正在尝试使用jQuery的scrollTop函数的非常基本的平滑滚动功能，但没有成功。 我希望任何具有css类“scroll”的链接都应该始终向下滚动页面并停在一个具有“停止”类的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

看看jQuery scrollTo插件。它将帮助您让生活更轻松。

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

Answer 2

试试这个：

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