jquery - 滚动到一个 div

Question

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