无需使用哈希标记即可平滑滚动到锚点？

Question

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

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

示例：slideshow.html＃slide-1，slideshow.html＃slide-2

因此，如果我将一个锚标记用于div（一个href =“＃lower-div”），它将替换永久链接的哈希标记。

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

Answer 1

你可以这样做：

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

点击标识为linkID的锚标记后，滚动到lower-div。