Vue2.0 实现锚点定位网页元素位置

问题描述

vue2.0: 如何通过锚点定位网页元素位置?

原理

可以通过scrollTop属性，该属性可以获取或设置一个元素的内容垂直滚动的像素数。

语法

// 获得滚动的像素数
var  intElemScrollTop = document.querySelector('.anchor') // 通过类型定位锚点元素
// 重新设值
document.documentElement.scrollTop = intElemScrollTop

应用

当我们点击网页标签时，可以通过锚点元素的offsetTop 属性，将document.documentElement.scrollTop的值覆盖即可实现