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

这篇文章主要为大家详细介绍了vue移动端监听滚动条高度的实现方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

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

 

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

 

代码如下：

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移动端监听滚动条高度的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持四海网。

本文来自：http://www.q1010.com/184/5617-0.html

注：关于vue移动端监听滚动条高度的实现方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js