JS简单判断滚动条的滚动方向实现方法


Posted in Javascript onApril 28, 2017

本文实例讲述了JS简单判断滚动条的滚动方向实现方法。分享给大家供大家参考,具体如下:

以下代码实现判断页面的滚动条的滚动方向;

var sign = 80;//定义默认的向上滚与向下滚的边界
window.onscroll = window.onresize = function(){
    var oScrollTop=$(window).scrollTop();
    if ( oScrollTop > 80) {



//write your code
    }
    if ( oScrollTop < 80) {



//write your code


}
    if ( oScrollTop > sign) {
      sign = oScrollTop;//更新scrollTop
      //console.log('向下');
    }
    if ( oScrollTop< sign) {
      sign = oScrollTop//更新scrollTop
      //console.log('向上');
    }
}

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
JS Array对象入门分析
Oct 30 Javascript
关于this和self的使用说明
Aug 01 Javascript
js导出格式化的excel 实例方法
Jul 17 Javascript
jquery实现checkbox 全选/全不选的通用写法
Feb 22 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
Mar 27 Javascript
JQUERY简单按钮轮换选中效果实现方法
May 07 Javascript
jQuery实现的仿百度分页足迹效果代码
Oct 30 Javascript
JS功能代码集锦
May 04 Javascript
js判断登陆用户名及密码是否为空的简单实例
May 16 Javascript
原生js通过一行代码实现简易轮播图
Jun 05 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
微信小程序canvas分享海报功能
Oct 31 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 #Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
Apr 28 #Javascript
jquery实现图片上传前本地预览
Apr 28 #jQuery
JS组件系列之MVVM组件构建自己的Vue组件
Apr 28 #Javascript
JS实现汉字与Unicode码相互转换的方法详解
Apr 28 #Javascript
JS组件系列之JS组件封装过程详解
Apr 28 #Javascript
JS实现的Unicode编码转换操作示例
Apr 28 #Javascript
You might like
编译问题
2006/10/09 PHP
php cli 小技巧
2013/06/03 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
11款基于Javascript的文件管理器
2009/10/25 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
jQuery之按钮组件的深入解析
2013/06/19 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
Node.js 异步编程之 Callback介绍(一)
2015/03/30 Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
2015/04/27 Javascript
基于jquery实现无限级树形菜单
2016/03/22 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
vue.js 1.x与2.0中js实时监听input值的变化
2017/03/15 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
2017/11/20 Javascript
详解Vue开发微信H5微信分享签名失败问题解决方案
2018/08/09 Javascript
Vue实现用户自定义字段显示数据的方法
2018/08/28 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
Python中函数的多种格式和使用实例及小技巧
2015/04/13 Python
Python字符串拼接的几种方法整理
2017/08/02 Python
Python pandas常用函数详解
2018/02/07 Python
Python中的函数作用域
2018/05/07 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
使用python模拟高斯分布例子
2019/12/09 Python
python如何调用php文件中的函数详解
2020/12/29 Python
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
SIMON MILLER官网:洛杉矶的生活方式品牌
2020/10/19 全球购物
物流专业自荐信
2014/05/23 职场文书
求职自我评价范文100字
2014/09/23 职场文书
宇宙与人观后感
2015/06/05 职场文书
2015年环境监察工作总结
2015/07/23 职场文书
2019年教师入党申请书
2019/06/27 职场文书
教你解决往mysql数据库中存入汉字报错的方法
2021/05/06 MySQL
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers