如何正确实现Vue锚点链接
如何正确实现Vue锚点链接

如何正确实现Vue锚点链接

锚点链接是我们在开发中经常会用到的一个技术点,而在常见的项目中,锚点链接的使用方法是通过a标签的href属性跳转到某一个元素的id,来找到对应元素的位置,实现效果。

但是vue是基于路由的,通过切换地址,这样就会影响vue的路由跳转。

正确的方法是:

通过获取dom元素,然后通过 scrollIntoView()让当前元素滚动到浏览器窗口的可视区域内。

这样只要通过vue的点击事件,点击后匹配到对应元素进行滚动即可。

document.getElementById('box').scrollIntoView();

https://blog.csdn.net/BenChiZhuBaDaoWang/article/details/125622280

发表回复

您的电子邮箱地址不会被公开。