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

时间：2021-06-06 08:46:39|栏目：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-router懒加载解决首次加载时资源过多导致的速度缓慢问题

栏目：vue

下一篇：详解vuejs几种不同组件（页面）间传值的方式

本文标题：vue移动端监听滚动条高度的实现方法

本文地址：http://www.codeinn.net/misctech/136407.html

更多vue

vue

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

阅读排行

推荐教程