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 相关文章推荐
javascript语句中的CDATA标签的意义
May 09 Javascript
JS动画效果代码3
Apr 03 Javascript
Mootools 1.2教程 滚动条(Slider)
Sep 15 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
node.js中的fs.mkdirSync方法使用说明
Dec 17 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
Aug 21 Javascript
使用JQuery实现的分页插件分享
Nov 05 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
May 29 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
vue实现百度语音合成的实例讲解
Oct 14 Javascript
使用React-Router实现前端路由鉴权的示例代码
Jul 26 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
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP版国家代码、缩写查询函数代码
2011/08/14 PHP
php实现的简单美国商品税计算函数
2015/07/13 PHP
PHP+Mysql+jQuery文件下载次数统计实例讲解
2015/10/10 PHP
thinkPHP5.0框架安装教程
2017/03/25 PHP
Js组件的一些写法
2010/09/10 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
2013/04/01 Javascript
js中浮点型运算BUG的解决方法说明
2014/01/06 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
2014/05/14 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
使用jquery给指定的table动态添加一行、删除一行
2016/10/13 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
详解webpack进阶之插件篇
2017/07/06 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
vue+高德地图写地图选址组件的方法
2019/05/18 Javascript
express框架下使用session的方法
2019/07/31 Javascript
JS精确判断数据类型代码实例
2019/12/18 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
简单的Python抓taobao图片爬虫
2014/10/26 Python
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
Python中的choice()方法使用详解
2015/05/15 Python
详解在Python中处理异常的教程
2015/05/24 Python
python学生管理系统代码实现
2020/04/05 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
大学生实习自我鉴定
2013/12/11 职场文书
教师党员承诺书
2014/03/25 职场文书
《鸿门宴》教学反思
2014/04/22 职场文书
小学教师个人先进事迹材料
2014/05/17 职场文书
安全生产目标管理责任书
2014/07/25 职场文书
《改造我们的学习》心得体会
2014/11/07 职场文书
结婚保证书
2015/01/16 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
python开发飞机大战游戏
2021/07/15 Python