Javascript jquery插件，用于在某一点上进行div停止

我想在这个网站上创建类似的

当您滚动链接时，链接停止在某一点上，然后当您单击任何链接时，链接将进入目标div，当您滚动链接时，链接将在目标div上滚动时处于活动状态

有jquery插件吗

---

谢谢

这不需要插件，只需jquery即可完成

$("#button").click(function() {
    $('html, body').animate({
        scrollTop: $("#myDiv").offset().top
    }, 2000);
});

不知道为什么我被否决了。这里有一个例子。这是最简单的答案。 试试这个

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着Aldus PageMaker等桌面出版软件的发布，包括Lorem Ipsum版本。
$（文档）。在（'click'，'a[href^=“#”]”上，函数（e）{
var id=$（this.attr（'href'）；
变量$id=$（id）；
如果（$id.size（）==0）{
返回；
}
e、 预防默认值（）；
var pos=$（id）.offset（）.top；
pos=pos-95；
$（'body，html'）.animate（{scrollTop:pos}）；
});

Hi使用以下代码执行此操作：

HTML

这将作为菜单

<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id1">section 1</a>
<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id2">section 2</a>
<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id3">section 2</a>

---

我希望这能起作用

不。你可以通过简单的javascript实现。非常感谢！我将尝试以下方法：）

<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id1">section 1</a>
<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id2">section 2</a>
<a href="javascript:void(0)" class="scroll-bottom" data-scrolltarget="#target_div_id3">section 2</a>

<div id="target_div_id1"> ....Section 1 Description...  </div>
<div id="target_div_id2"> ....Section 2 Description...  </div>
<div id="target_div_id3"> ....Section 3 Description...  </div>

$(".scroll-bottom").click(function() {
    var toid = $(this).data('scrolltarget');
    $('html, body').animate({
        scrollTop: $(toid).offset().top - 45
    }, 1000);
});