Vue2.0 实现锚点定位网页元素位置
问题描述
vue2.0: 如何通过锚点定位网页元素位置?
原理
可以通过scrollTop
属性,该属性可以获取或设置一个元素的内容垂直滚动的像素数。
语法
// 获得滚动的像素数
var intElemScrollTop = document.querySelector('.anchor') // 通过类型定位锚点元素
// 重新设值
document.documentElement.scrollTop = intElemScrollTop
应用
当我们点击网页标签时,可以通过锚点元素的
offsetTop
属性,将document.documentElement.scrollTop
的值覆盖即可实现