javascript - 编辑scrollTop以使用href值

Question

目前，我的网站上的某个链接有以下代码可以滚动回顶部，但我不知道如何更改它以使用指定的 href 值而不是像素值。当前脚本:

$('.scrollToTop').click(function () {
            $('html, body').animate({ scrollTop: 0 }, 800);
            return false;
        });

我尝试做的一个示例是，将联系人 div 的主导航链接向下滚动到 href="#contact"。

我尝试过设置 if/else 语句，但无济于事，这可能会导致一个艰难的新年之夜。

编辑我使用的 href 是我想要滚动到的每个 div 的唯一 ID。

Answer 1

你可以做到

$('html, body').animate({scrollTop:$('#section-name').offset().top});

编辑

我将进一步解释#section-name部分:它是任何你想要的，id，class你可以使用 $("a")，$("div")，它是一个选择器。

因此，您可以将一个 class 添加到 href 中，并根据需要定位该类名称。

更新

如果您想查找您选择的 href 的值，您可以执行以下操作(我假设 .scrollToTop 是 a 标记上的类名称？):

$('.scrollToTop').click(function () {
    var locationName = $(this).attr("href");
    $('html, body').animate({scrollTop:$(locationName).offset().top});
}):