微客导航 » 文章资讯 » vue2.0模拟锚点的实例

vue2.0模拟锚点的实例

2023-09-15 10:56:05 326

在vue项目中，因为采用路由跳转，会导致无法使用常规的a标签配合ID的锚点功能。

解决办法：

灰啊灰啊我的骄傲放纵

methods:{
goAnchor(selector){
varanchor=this.$el.querySelector(selector)
document.body.scrollTop=anchor.offsetTop
}
}

17.9.20更新：以上在FireFox有BUG，修复如下：

methods:{
goAnchor(selector){
varanchor=this.$el.querySelector(selector)
document.body.scrollTop=anchor.offsetTop;//chrome
document.documentElement.scrollTop=anchor.offsetTop;//firefox
}
}

以上这篇vue2.0模拟锚点的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

vue2.0模拟锚点的实例

热门推荐

随机推荐