vue 中获取页面卷进去的宽度或高度

vue项目中，获取TMD页面卷进去的高度总失败，比如：

let top = document.documentElement.scrollTop || document.body.scrollTop;

console.log(top)// 0;

沃特法克，放在原生写法里，该是多少就打印多少；

于是乎，打印了一下window对象。发现有个window.pageYOffset 属性，以前没见过啊。后来验证才知道，也是页面卷进去的纵向距离，即高度（Y轴）；

如上即为卷入的X 轴 Y轴距离;

考虑到PC端或者移动端，浏览器无非就是QQ浏览器，360，猎豹，火狐，谷歌等等，所以加入了兼容写法:

//兼容的获取页面卷进去的宽高
function getScroll () {
return {

vue 中获取页面卷进去的宽度或高度相关推荐

vue中获取页面滚动的高度
mounted() {//可以在这里面直接进行滚动条的获取window.addEventListener('scroll', this.handleScroll, true) } methods: { ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...
vue中获取/操作组件中的dom元素
最近刚做了一个项目,需要用到地图,选择的是腾讯地图,创建地图的时候,需要给地图创建函数中传入地图容器的id或者容器的dom元素,但是在调试过程中,发现怎么都无法获取dom元素,直接通过getEleme ...
在vue中获取input上传图片的宽和高
在vue中获取input上传图片的宽和高上代码思路项目中有一个需求是需要上传190px*192px的png图片,一般直接在files.input[0]里面是找不到的,所以要变个思路了. 上代码 ...
在vue中获取微信支付code及code被占用问题的解决？
在vue中获取微信支付code及code被占用问题的解决? 参考文章: (1)在vue中获取微信支付code及code被占用问题的解决? (2)https://www.cnblogs.com/pana ...
vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作
目的:vue 中获取 wangeditor 的 html 和 text. 补充知识:vue-cli webpack 引入 wangeditor(轻量级富文本框) 1:使用npm下载: //(注意 wa ...
vue中获取本地IP地址
vue中获取本地IP地址 IP地址需要通过js获取: 网上有很多查询接口可以获取到IP,查到的搜狐的比较多,我这里就用搜狐的: http://pv.sohu.com/cityjson?ie=utf-8 ...
前端Vue中获取本机ip地址
前端Vue中获取本机ip地址 1.打开谷歌浏览器,地址栏输入chrome://flags,进入. 2.搜索Anonymize local IPs exposed by WebRTC,将其设置为Disa ...
vue中进入页面，自动触发一次点击事件
vue中进入页面,自动触发一次点击事件 html script 一进去页面,我肯定是要进去就能看到数据,而不是需要点击选项1才得到数据,解决办法就是直接在created()中调用 html <d ...

vue 中获取页面卷进去的宽度或高度

function getScroll () {

return {

vue 中获取页面卷进去的宽度或高度相关推荐

最新文章

热门文章

vue 中 获取页面卷进去的宽度或高度

function getScroll () {

return {

vue 中 获取页面卷进去的宽度或高度相关推荐

最新文章

热门文章

vue 中获取页面卷进去的宽度或高度

vue 中获取页面卷进去的宽度或高度相关推荐