vue 定位元素 滚动至元素位置 兼容ios 获取元素的位置

1、获取元素的位置

var h = document.querySelector('#id').offsetTop

2、 设置滚动位置

// 此方法适合谷歌浏览器 ie 但不适合ios
document.documentElement.scrollTop = h ;//不需要加单位 h 就是当前元素距离顶部的位置

// IOS 兼容
window.scrollBy(0, h);

// 不知名的方法  没试过
document.body.scrollTop = h


//以上三种方法，应该可以兼容各种浏览器了

scrollBy() 定义和用法

scrollBy() 方法可把内容滚动指定的像素数。

注意： 要使此方法工作 window 滚动条的可见属性必须设置为true！

语法

scrollBy(xnum,ynum)

 

pageXOffset 和 pageYOffset相关知识

pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。

pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

pageXOffset 和 pageYOffset 属性相等于 scrollX 和 scrollY 属性。

这些属性是只读的。  《《有多少人在这里爬坑 哈哈?