jquery - 在不使用哈希标签的情况下平滑滚动到锚点？

Question

我有一个 jQuery 幻灯片设置，我需要将链接从幻灯片标题锚定到页面下方的 div 并使用 jQuery 平滑滚动。

我会使用带有主题标签的常用锚代码，但我的幻灯片已经使用主题标签为每张幻灯片创建一个永久链接 URL。

示例：slideshow.html#slide-1、slideshow.html#slide-2

因此，如果我对 div 使用锚标记（a href="#lower-div"），它将替换永久链接的哈希标记。

有没有办法在不使用href中的哈希标签的情况下平滑滚动到锚点？

Answer 1

你可以这样做：

$("#linkID").click(function () {
    $('html, body').animate({
        scrollTop: $('#lower-div').offset().top
    }, 'slow');
});

单击带有 ID 的锚标记linkID平滑滚动到lower-div.