当前位置:主页 > vue.js教程 >

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

发布:2022-06-14 21:00:50 94


给网友朋友们带来一篇vue相关的编程文章,网友甄立轩根据主题投稿了本篇教程内容,涉及到vue、监听滚动条、高度相关内容,已被441网友关注,内容中涉及的知识点可以在下方直接下载获取。

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

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

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


相关文章

  • vue文件夹结构配置详解

    发布:2020-03-02

    这篇文章主要给大家总结介绍了关于vue项目之文件夹结构配置的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一


  • 深入了解Vue自定义事件

    发布:2020-03-13

    下面小编就为大家带来一篇Vue自定义事件(详解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • vue+node+webpack环境搭建步骤详解

    发布:2021-05-11

    这篇文章主要为大家详细介绍了vue+node+webpack环境搭建教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • vue2.0+vuex的日期选择组件功能实现方法

    发布:2019-08-03

    这篇文章主要介绍了 基于vue2.0+vuex的日期选择组件功能实现,详细介绍了使用vue编写的日期组件,,非常具有实用价值,需要的朋友可以参考下。


  • Vue数据响应思路之数组

    发布:2020-01-14

    这篇文章主要介绍了浅谈Vue数据响应思路之数组,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • vue项目打包后提示图片文件路径错误的解决方法

    发布:2020-07-14

    这篇文章主要介绍了解决vue项目打包后提示图片文件路径错误的问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下


  • vue实现底部加载更多的代码

    发布:2021-05-25

    本文通过实例代码给大家介绍了vue底部加载更多,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下


  • vuex vue简单使用方法

    发布:2020-03-24

    在本篇文章里小编给大家整理了关于vuex vue简单使用知识点总结,有需要的朋友们可以参考下。


  • JavaScript之Vue.js【入门基础】

    发布:2022-04-03

    本文主要介绍一下Vue.js并附上在Node.js环境下搭建一个简单的Demo实例代码。条理清晰,有助于阅读和理解。有需要的朋友可以看下


网友讨论