Question

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

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

我正在尝试做的一个例子是到Contact div的主导航链接向下滚动到href =“#contact”。

我已经尝试设置if / else语句，但无济于事，可能会有一个粗糙的新年夜。

修改我正在使用的hrefs是我想要滚动到的每个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}); }):

编辑scrollTop以使用href值

1 个答案: