vue移动端监听滚动条高度的实现方法

(编辑：jimmy 日期: 2024/11/17 浏览：3 次 )

这两天做移动端项目遇到的问题，就是当滚动条下拉到一定的高度的时候，让某个东西固定定位到顶部

首先做的如何监听滚动条的高度，下面是我写的方法

var _this =this
window.addEventListener('scroll',function(){
 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
 if(scrollTop>100{//滚动条的高度，可以动态获取也可以写死
  //这里写要执行的操作

_this.gofixed = false

console.log(1); }else{ _this.gofixed = true }},true)我的这个方法是应用v-bind:class 来添加一个类名

gofixed

是判断的变量

以上这篇vue移动端监听滚动条高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

上一篇：前后端如何实现登录token拦截校验详解
下一篇：vue 纯js监听滚动条到底部的实例讲解