锚点与 scrollIntoView()

最新推荐文章于 2025-02-20 17:28:35 发布

weixin_33966095

最新推荐文章于 2025-02-20 17:28:35 发布

阅读量241

点赞数

文章标签： javascript ViewUI

本文介绍了网页中锚点的基本用法及JavaScript控制锚点跳转的方法，对比了使用location.href与window.location.hash的不同之处。此外，还探讨了scrollIntoView()方法的应用，并提到了vue-scrollto组件和jQuery插件在实现平滑滚动方面的可能性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、锚点

　　js 控制

　　　1、location.href = "#firstAnchor"; // firstAnchor为锚点名称　　

　　　2、window.location.hash = "#firstAnchor"; // firstAnchor为锚点名称

　　　　经测试：hash只会在跳转到此页面的第一次起作用，再次刷新此页面将不起作用，而href始终起作用

二、scrollIntoView()

 参考：scrollIntoView()
　可以用来实现锚点效果：
　　document.getElementById("#firstAnchor").scrollIntoView(true);
　详细介绍API https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView