编辑滚动顶部以使用 href 值

Question

我目前有以下代码用于我的网站上的某个链接滚动回顶部，但我无法弄清楚如何将其更改为使用指定的 href 值而不是像素值。当前脚本：

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

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

我尝试设置 if/else 语句，但无济于事，它可能归结为一个艰难的新年之夜。

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

Answer 1

你可以做

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

编辑

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

因此，您可以向href添加class，并根据需要定位该类名。

更新

如果你想找到你选择的 href 的值，你可以这样做（我假设.scrollToTop是 a 标签上的类名？

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