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 delete 属性的使用
Oct 08 Javascript
JQuery写动态树示例代码
Jul 31 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
jQuery实现批量判断表单中文本框非空的方法(2种方法)
Dec 09 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
React Native 通告消息竖向轮播组件的封装
Aug 25 Javascript
Angular网络请求的封装方法
May 22 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
JS图片懒加载技术实现过程解析
Jul 27 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
比较好用的PHP防注入漏洞过滤函数代码
2012/04/11 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
深入extjs与php参数交互的详解
2013/06/25 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
基于mootools 1.3框架下的图片滑动效果代码
2011/04/22 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解
2015/12/14 Javascript
jQuery 获取跨域XML(RSS)数据的相关总结分析
2016/05/18 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
原生js实现图片放大缩小计时器效果
2017/01/20 Javascript
微信小程序图片横向左右滑动案例
2017/05/19 Javascript
Angularjs实现页面模板清除的方法
2018/07/20 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
2019/10/28 Javascript
jquery 插件重新绑定的处理方法分析
2019/11/23 jQuery
基于vue.js实现购物车
2020/01/15 Javascript
[05:09]DOTA2-DPC中国联赛2月22日Recap集锦
2021/03/11 DOTA
Python文件和流(实例讲解)
2017/09/12 Python
Python 获得13位unix时间戳的方法
2017/10/20 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
Python 实现王者荣耀中的敏感词过滤示例
2019/01/21 Python
dpn网络的pytorch实现方式
2020/01/14 Python
使用sklearn的cross_val_score进行交叉验证实例
2020/02/28 Python
详解Python 函数参数的拆解
2020/09/02 Python
巧用HTML5给按钮背景设计不同的动画简单实例
2016/08/09 HTML / CSS
美国男士西装打折店:Jos. A. Bank
2017/11/13 全球购物
告诉你怎样写创业计划书
2014/01/27 职场文书
防灾减灾宣传标语
2014/10/07 职场文书
孝老爱亲事迹材料
2014/12/24 职场文书
详解MySQL多版本并发控制机制(MVCC)源码
2021/06/23 MySQL