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 相关文章推荐
SeaJS入门教程系列之SeaJS介绍(一)
Mar 03 Javascript
node.js中的http.response.addTrailers方法使用说明
Dec 14 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
Mar 04 Javascript
JavaScript设计模式初探
Jan 07 Javascript
使用jQuery加载html页面到指定的div实现方法
Jul 13 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 Javascript
浅谈Node.js之异步流控制
Oct 25 Javascript
React Native日期时间选择组件的示例代码
Apr 27 Javascript
微信小程序实现蒙版弹窗效果
Nov 01 Javascript
vue将后台数据时间戳转换成日期格式
Jul 31 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
codeigniter显示所有脚本执行时间的方法
2015/03/21 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
Yii框架使用魔术方法实现跨文件调用功能示例
2017/05/20 PHP
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
jquery插件之定时查询待处理任务数量
2014/05/01 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
PHP守护进程实例
2015/03/06 Javascript
js实现星星打分效果的方法
2020/07/05 Javascript
js获取当前日期时间及其它操作汇总
2015/04/17 Javascript
原生js实现ajax方法(超简单)
2016/09/20 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
Bootstrap CSS组件之按钮下拉菜单
2016/12/17 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
利用JavaScript如何查询某个值是否数组内
2017/07/30 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
token 机制和实现方式
2020/12/15 Javascript
Linux下Python获取IP地址的代码
2014/11/30 Python
深入学习python的yield和generator
2016/03/10 Python
Python2.X/Python3.X中urllib库区别讲解
2017/12/19 Python
python实现决策树
2017/12/21 Python
numpy给array增加维度np.newaxis的实例
2018/11/01 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
艺术家策划的室内设计:Curious Egg
2019/03/06 全球购物
运动会开幕式解说词
2014/02/05 职场文书
在校实习生求职信
2014/06/18 职场文书
2015年车间主任工作总结
2015/05/21 职场文书
征求意见函
2015/06/05 职场文书
勤俭节约主题班会
2015/08/13 职场文书
四年级数学教学反思
2016/02/16 职场文书
《所见》教学反思
2016/02/23 职场文书
员工升职自我评价
2019/03/26 职场文书
Android开发手册自定义Switch开关按钮控件
2022/06/10 Java/Android