vue中获取页面滚动的高度

mounted() {//可以在这里面直接进行滚动条的获取window.addEventListener('scroll', this.handleScroll, true)
}
methods: {handleScroll() {//方法一
var top = Math.floor(document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset)
console.log(top)//方法二
//如果获取不到高度可换成
this.$nextTick(()=>{var top = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffsetconsole.log(top)})
}

vue中获取页面滚动的高度相关推荐

vue 中获取页面卷进去的宽度或高度
vue项目中,获取TMD页面卷进去的高度总失败,比如: let top = document.documentElement.scrollTop || document.body.scrollTop; ...
vue中禁止页面滚动/滚动事件穿透-弹出蒙版时弹出层下面还可以滚动问题解决
弹出层时,蒙版下还可以滚动页面移动端在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.preve ...
vue中禁止页面滚动/滚动事件穿透
1.移动端在蒙层所在div上加 @touchmove.prevent <div class="maskBox" @touchmove.prevent></div ...
vue 监听页面滚动事件：触发animate.min.css动画特效
一.问题答疑: 1. animate.css 如何在vue项目中引入?或引用? 2. 如何监听滚动事件,触发animate.class动画播放? vue 监听滚轮滚动事件,for循环 ,动态id,代码 ...
vue监听页面滚动事件
方法:监听滚动实现通过addEventListener方式监听通过scroll获取到滚动 export default {data () {return {topNavBg: {backgroun ...
js获取页面的各种高度与宽度
document.body.scrollTop等属性可以获取页面滚动距离等,但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0, 所以一 ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...
vue中控制浏览器滚动
vue中控制浏览器滚动最近的业务中需要用到控制浏览器滚动到对应位置的问题,pc端用到的是vue框架,业务是点击题目题号,定位到相对应的题目(相信业务中会经常遇到哈),首先想到的肯定就是js老大哥了, ...
vue中获取/操作组件中的dom元素
最近刚做了一个项目,需要用到地图,选择的是腾讯地图,创建地图的时候,需要给地图创建函数中传入地图容器的id或者容器的dom元素,但是在调试过程中,发现怎么都无法获取dom元素,直接通过getEleme ...

vue中获取页面滚动的高度

vue中获取页面滚动的高度相关推荐

最新文章

热门文章