Javascript/VueJS跳转到本页面内锚点的实现方法

2022-06-21 797点热度 0人点赞 0条评论

页面内点后某个元素,需要跳转到某个锚点,如果传统的HTML了的做法:

即添加一个a标签,href以#开头,然后在需要跳转的地方添加一个element,id设置为a标签href属性相同的值,就可以了

<a href="#miao">去某个锚点</a>
<h3 id="miao">需要跳转到的锚点</h3>

代码的实现方式

如果某些时候不方便设置a标签,用代码也可以实现,那就是:

// 跳转到ID是某个值的锚点位置
document.getElementById('someId').scrollIntoView();

// 也可以根据class名称来查找到元素后用scrollIntoView跳转
document.getElementsByClassName('someClass')[0].scrollIntoView();

 

admin

这个人很懒,什么都没留下

文章评论

您需要 登录 之后才可以评论