我正在开发Vue.js应用程序,但无法将锚链接到组件中的某个div。
解决办法如下:
1 2 3 4 |
//Your view: <a class="porto-button" @click="scrollMeTo('porto')">Porto, Portugal</a> ... <div ref="porto" class="fl-porto"> |
script
1 2 3 4 5 6 7 8 9 |
//Your code: methods: { scrollMeTo(refName) { var element = this.$refs[refName]; var top = element.offsetTop; window.scrollTo(0, top); } } |
怎么运行的:
设置要定制元素的ref
属性;- 编写一个函数用
window.scrollY的
top定位
。 - 工作完成了:)