目前,我的网站上的某个链接有以下代码可以滚动回顶部,但我不知道如何更改它以使用指定的 href 值而不是像素值。 当前脚本:
$('.scrollToTop').click(function () {
$('html, body').animate({ scrollTop: 0 }, 800);
return false;
});
我尝试做的一个示例是,将联系人 div 的主导航链接向下滚动到 href="#contact"。
我尝试过设置 if/else 语句,但无济于事,这可能会导致一个艰难的新年之夜。
编辑 我使用的 href 是我想要滚动到的每个 div 的唯一 ID。
最佳答案
你可以做到
$('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});
}):
关于javascript - 编辑scrollTop以使用href值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20872962/