Javascript 滚动到id href而不显示#

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,可以使用.

嗨,我正在开发一个网站,我想让人们滚动到href id,而不在浏览器的导航栏中显示它。如果可能的话,我想和你一起做

我能做到吗?谢谢

示例:index.html#id

我想要什么:index.html

pureJS版本 使用
窗口。滚动到(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,那么是的,你能够知道你为什么想要禁用哈希?