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 相关文章推荐
Javascript与flash交互通信基础教程
Aug 07 Javascript
Javascript 网页黑白效果实现代码(兼容IE/FF等)
Apr 23 Javascript
javascript生成随机数的方法
May 16 Javascript
Node.js实现Excel转JSON
Apr 24 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
Sep 18 Javascript
axios解决高并发的方法:axios.all()与axios.spread()的操作
Nov 09 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 开源框架22个简单简介
2009/08/24 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
php readfile()修改文件上传大小设置
2017/08/11 PHP
PHP强制转化的形式整理
2020/05/22 PHP
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
2014/03/22 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
2014/06/15 Javascript
jquery easyui使用心得
2014/07/07 Javascript
JS动态修改表格cellPadding和cellSpacing的方法
2015/03/31 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
vue 实现用户登录方式的切换功能
2020/04/14 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
Python中扩展包的安装方法详解
2017/06/14 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
使用python Fabric动态修改远程机器hosts的方法
2018/10/26 Python
python实现定时发送qq消息
2019/01/18 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
Python求离散序列导数的示例
2019/07/10 Python
使用python实现下载我们想听的歌曲,速度超快
2020/07/09 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
学习方法演讲稿
2014/05/10 职场文书
开展读书活动总结
2014/06/30 职场文书
国际商务英语专业求职信
2014/07/08 职场文书
暑期社会实践证明书
2014/11/17 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
Java基于Dijkstra算法实现校园导游程序
2022/03/17 Java/Android