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 AJAX返回的JSON结果集实现代码
Dec 10 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
jquery子元素过滤选择器使用示例
Jun 24 Javascript
JS跨域问题详解
Nov 25 Javascript
jQuery插件slider实现拖动滑块选取价格范围
Apr 30 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
vue自定义表单生成器form-create使用详解
Jul 19 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中html word 互转的方法
2016/01/28 PHP
关于php unset对json_encode的影响详解
2018/11/14 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
JavaScript中实现块作用域的方法
2010/04/01 Javascript
为JavaScript类型增加方法的实现代码(增加功能)
2011/12/29 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
jquery实现对联广告的方法
2015/02/05 Javascript
使用C++为node.js写扩展模块
2015/04/22 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
JS如何生成一个不重复的ID的函数
2016/12/25 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
Three.js实现3D机房效果
2018/12/30 Javascript
vuejs简单验证码功能完整示例
2019/01/08 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
Django中的CACHE_BACKEND参数和站点级Cache设置
2015/07/23 Python
django1.8使用表单上传文件的实现方法
2016/11/04 Python
python实现爬虫抓取小说功能示例【抓取金庸小说】
2019/08/09 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
移动端HTML5 input常见问题(小结)
2020/09/28 HTML / CSS
澳大利亚家具和家居用品购物网站:Zanui
2018/12/29 全球购物
管理失职检讨书
2014/02/12 职场文书
《海伦?凯勒》教学反思
2014/04/17 职场文书
2014年四风问题自我剖析材料
2014/09/15 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
2015年女职工工作总结
2015/05/15 职场文书
民事答辩状范本
2015/05/21 职场文书
签证工作证明模板
2015/06/15 职场文书
《只有一个地球》教学反思
2016/02/16 职场文书
入党心得体会
2019/06/20 职场文书
详解Python自动化之文件自动化处理
2021/06/21 Python
入门学习Go的基本语法
2021/07/07 Golang