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


Posted in Javascript onSeptember 03, 2018

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

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

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

Javascript 相关文章推荐
jQuery 选择器项目实例分析及实现代码
Dec 28 Javascript
javascript和HTML5利用canvas构建猜牌游戏实现算法
Jul 17 Javascript
制作jquery遮罩层效果导航菜单代码分享
Dec 25 Javascript
浅谈document.write()输出样式
May 07 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
微信小程序开发经验总结(推荐)
Jan 11 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 Javascript
JS实现上传图片的三种方法并实现预览图片功能
Jul 14 Javascript
vue2.0 axios跨域并渲染的问题解决方法
Mar 08 Javascript
纯javascript实现选择框的全选与反选功能
Apr 08 Javascript
深入了解JS之作用域和闭包
Jun 16 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 #Javascript
解决vue.js this.$router.push无效的问题
Sep 03 #Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 #Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 #Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 #jQuery
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 #Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 #Javascript
You might like
php通过ajax实现双击table修改内容
2014/04/28 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
扩展String功能方法
2006/09/22 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
javascript中数组的sort()方法的使用介绍
2013/12/18 Javascript
JS中判断JSON数据是否存在某字段的方法
2014/03/07 Javascript
浅析node.js中close事件
2014/11/26 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
JavaScript装饰器函数(Decorator)实例详解
2017/03/30 Javascript
利用Angular.js编写公共提示模块的方法教程
2017/05/28 Javascript
jQuery Layer弹出层传值到父页面的实现代码
2017/08/17 jQuery
详解NodeJs项目 CentOs linux服务器线上部署
2019/09/16 NodeJs
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
[56:18]VGJ.S vs Secret 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python实现百度关键词排名查询
2014/03/30 Python
python计算对角线有理函数插值的方法
2015/05/07 Python
举例讲解Python中的死锁、可重入锁和互斥锁
2015/11/05 Python
Python编程入门之Hello World的三种实现方式
2015/11/13 Python
Python编程实现生成特定范围内不重复多个随机数的2种方法
2017/04/14 Python
Python网络爬虫之爬取微博热搜
2019/04/18 Python
Python如何访问字符串中的值
2020/02/09 Python
SpringBoot首页设置解析(推荐)
2021/02/11 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
局域网标准
2016/09/10 面试题
浙大毕业生自荐信
2014/01/26 职场文书
大学生秋游活动方案
2014/02/17 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
党员创先争优活动总结
2014/05/04 职场文书
2015年共青团工作总结
2015/05/15 职场文书
阿甘正传观后感
2015/06/01 职场文书
2016年主题党日活动总结
2016/04/05 职场文书
python如何进行基准测试
2021/04/26 Python
JS如何实现基于websocket的多端桥接平台
2021/05/14 Javascript
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python