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 目录列举函数
Nov 06 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
解析javascript 浏览器关闭事件
Jul 08 Javascript
angularjs 处理多个异步请求方法汇总
Jan 06 Javascript
AngularJS ng-controller 指令简单实例
Aug 01 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
Vue ElementUI之Form表单验证遇到的问题
Aug 21 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
Aug 24 Javascript
解决使用vue.js路由后失效的问题
Mar 17 Javascript
layui 上传插件 带预览 非自动上传功能的实例(非常实用)
Sep 23 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 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中的extract的作用分析
2008/04/09 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
php查找字符串出现次数的方法
2014/12/01 PHP
php获取文件名后缀常用方法小结
2015/02/24 PHP
PHP的Laravel框架中使用AdminLTE模板来编写网站后台界面
2016/03/21 PHP
PHP+JS实现的商品秒杀倒计时用法示例
2016/11/15 PHP
PHP封装的多文件上传类实例与用法详解
2017/02/07 PHP
PHP实现随机数字、字母的验证码功能
2018/08/01 PHP
PHP的curl函数的用法总结
2019/02/14 PHP
PHP goto语句用法实例
2019/08/06 PHP
基于Jquery 解决Ajax请求的页面 浏览器后退前进功能,页面刷新功能实效问题
2010/12/11 Javascript
读jQuery之九 一些瑕疵说明
2011/06/21 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
文件编码导致jquery失效的解决方法
2013/06/26 Javascript
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
JQuery处理json与ajax返回JSON实例代码
2014/01/03 Javascript
a标签click和href执行顺序探讨
2014/06/23 Javascript
jquery禁止回车触发表单提交
2014/12/12 Javascript
基于canvas实现的钟摆效果完整实例
2016/01/26 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
2018/08/08 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析
2020/04/08 Javascript
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在Django中限制已登录用户的访问的方法
2015/07/23 Python
Python中关键字global和nonlocal的区别详解
2018/09/03 Python
python配置文件写入过程详解
2019/10/19 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
体育教育专业毕业生自荐信
2013/11/15 职场文书
主办会计岗位职责
2014/03/13 职场文书
校园文化标语
2014/06/18 职场文书
经营场所使用证明
2015/06/19 职场文书
教育教学读书笔记
2015/07/02 职场文书
考生诚信考试承诺书(2016版)
2016/03/25 职场文书
使用ORM新增数据在Mysql中的操作步骤
2021/07/26 MySQL