Rumah >hujung hadapan web >tutorial js >vue2.0怎样实现模拟锚点
这次给大家带来vue2.0怎样实现模拟锚点,vue2.0实现模拟锚点的注意事项有哪些,下面就是实战案例,一起来看一下。
解决办法:
<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor('#anchor')"> 灰啊灰啊我的骄傲放纵</a>
methods: { goAnchor(selector) { var anchor = this.$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 } }
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
Atas ialah kandungan terperinci vue2.0怎样实现模拟锚点. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!