Javascript 滚动到id href而不显示#
嗨,我正在开发一个网站,我想让人们滚动到href id,而不在浏览器的导航栏中显示它。如果可能的话,我想和你一起做 我能做到吗?谢谢 示例:index.html#id 我想要什么:index.htmlpureJS版本 使用Javascript 滚动到id href而不显示#,javascript,html,css,Javascript,Html,Css,嗨,我正在开发一个网站,我想让人们滚动到href id,而不在浏览器的导航栏中显示它。如果可能的话,我想和你一起做 我能做到吗?谢谢 示例:index.html#id 我想要什么:index.htmlpureJS版本 使用窗口。滚动到(x,y)可以移动视口: var elem = document.getElementById("your element id"); window.scrollTo(0, elem.offsetTop); jQuery版本 如果已经在使用jQuery,可以使用.
窗口。滚动到(x,y)
可以移动视口:
var elem = document.getElementById("your element id");
window.scrollTo(0, elem.offsetTop);
jQuery版本
如果已经在使用jQuery,可以使用.animate()
平滑滚动到元素
以下是一个例子:
$("#button").click(function() {
$('html, body').animate({
scrollTop: $("#elementtoScrollToID").offset().top
}, 2000);
});
您可以使用
元素。滚动到视图来实现这一点。所需的javascript是
var scrollToElement = function(id){
document.getElementById(id).scrollIntoView();
}
如果您将{behavior:'smooth'}
传递给函数,您将获得平滑的滚动,这非常流畅
检查有关此函数的更多文档jquery不在标记中list@Huangism我已经添加了一个纯js版本的优秀作品,虽然我不是那个否决你的人如果你知道你想要滚动到哪个ID,那么是的,你能够知道你为什么想要禁用哈希?