滚动到一个 div答案

【问题标题】：scroll to a div滚动到一个 div
【发布时间】：2023-03-04 16:12:01
【问题描述】：

我正在尝试通过 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>

【问题讨论】：

标签： jquery html css scroll

【解决方案1】：

试试这个：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：