Vue2.0 實作錨點定位網頁元素位置

問題描述

vue2.0: 如何通過錨點定位網頁元素位置?

原理

可以通過

scrollTop

屬性，該屬性可以擷取或設定一個元素的内容垂直滾動的像素數。

文法

// 獲得滾動的像素數
var  intElemScrollTop = document.querySelector('.anchor') // 通過類型定位錨點元素
// 重新設值
document.documentElement.scrollTop = intElemScrollTop
           

應用

當我們點選網頁标簽時，可以通過錨點元素的

offsetTop

屬性，将

document.documentElement.scrollTop

的值覆寫即可實作