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 相关文章推荐
简单实用的全选反选按钮例子
Oct 18 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
JavaScript字符串删除重复字符的方法
Dec 25 Javascript
学习使用bootstrap基本控件(table、form、button)
Apr 12 Javascript
javascript容错处理代码(屏蔽js错误)
Jan 20 Javascript
js获取指定时间的前几秒
Apr 05 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
bootstrap3中container与container_fluid外层容器的区别讲解
Dec 04 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
Aug 17 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
Element Cascader 级联选择器的使用示例
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 set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
PHP基础学习之流程控制的实现分析
2013/04/28 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
php中分页及SqlHelper类用法实例
2017/01/12 PHP
PHP让数组中有相同值的组成新的数组实例
2017/12/31 PHP
PHP笛卡尔积实现原理及代码实例
2020/12/09 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
js实例属性和原型属性示例详解
2014/11/23 Javascript
jQuery移动端日期(datedropper)和时间(timedropper)选择器附源码下载
2016/04/19 Javascript
js获取Get值的方法
2016/09/29 Javascript
使用vue编写h5公众号跳转小程序的实现代码
2020/11/27 Vue.js
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python中asyncore异步模块的用法及实现httpclient的实例
2016/06/28 Python
Python字符串格式化的方法(两种)
2017/09/19 Python
Python selenium实现微博自动登录的示例代码
2018/05/16 Python
python skimage 连通性区域检测方法
2018/06/21 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
Python插件机制实现详解
2020/05/04 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
Kusmi茶美国官网:优质散叶茶和茶包
2019/10/13 全球购物
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
Diesel美国网上商店:意大利牛仔时装品牌
2020/12/10 全球购物
排序都有哪几种方法?请列举。用JAVA实现一个快速排序
2014/02/16 面试题
应届生求职推荐信
2013/10/28 职场文书
班级活动策划书
2014/02/06 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
诚信承诺书
2015/01/19 职场文书
销售督导岗位职责
2015/04/10 职场文书
Go中的条件语句Switch示例详解
2021/08/23 Golang