vue2.0模拟锚点的实例

vue2.0模拟锚点的实例

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

解决办法：

灰啊灰啊我的骄傲放纵

methods: {

goAnchor(selector) {

var anchor = keXsWQqcDthis.$el.querySelector(selector)

document.body.scrollTop = anchor.offsetTop

}

}

17. 9. 20 更新： 以上在FireFox有BUG，修复如下：

methods: {

goAnchor(selector) {

var anchor = this.$el.querySelector(selector)

document.body.scrollTop = anchor.offsetTop; // chrome

document.documentElement.scrollTop = anchor.offsetTop; // firefox

}

}

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。