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 相关文章推荐
alert和confirm功能介绍
May 21 Javascript
jQuery 中DOM 操作详解
Jan 13 Javascript
JSON遍历方式实例总结
Dec 07 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
Sep 07 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
Mar 20 Javascript
小程序云开发获取不到数据库记录的解决方法
May 18 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
vue实现多级菜单效果
Oct 19 Javascript
vue  elementUI 表单嵌套验证的实例代码
Nov 06 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
FCKeditor的安装(PHP)
2007/01/13 PHP
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
利用ASP发送和接收XML数据的处理方法与代码
2007/11/13 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
用node和express连接mysql实现登录注册的实现代码
2017/07/05 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
通过vue-cli来学习修改Webpack多环境配置和发布问题
2017/12/22 Javascript
浅谈js获取ModelAndView值的问题
2018/03/28 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
2019/09/25 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
使用webpack5从0到1搭建一个react项目的实现步骤
2020/12/16 Javascript
python中list循环语句用法实例
2014/11/10 Python
Python做简单的字符串匹配详解
2017/03/21 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
Python实现将多个空格换为一个空格.md的方法
2018/12/20 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
matplotlib.pyplot画图并导出保存的实例
2019/12/07 Python
keras实现多GPU或指定GPU的使用介绍
2020/06/17 Python
python 爬取小说并下载的示例
2020/12/07 Python
英国在线定制百叶窗网站:Swift Direct Blinds
2020/02/25 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
致百米运动员广播稿
2014/01/29 职场文书
竞选部门副经理的自荐书范文
2014/02/11 职场文书
习近平在党的群众路线教育实践活动总结大会上的讲话全文
2014/10/25 职场文书
2014年保洁员工作总结
2014/11/19 职场文书
幼儿教师个人总结
2015/02/05 职场文书
2015年七一建党节慰问信
2015/03/23 职场文书
音乐课外活动总结
2015/05/09 职场文书
你会写报告?产品体验报告到底该怎么写?
2019/08/14 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python
使用HBuilder制作一个简单的HTML5网页
2022/07/07 HTML / CSS