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 相关文章推荐
检测jQuery.js是否已加载的判断代码
May 20 Javascript
Enter转换为Tab的小例子(兼容IE,Firefox)
Nov 14 Javascript
使用JavaScript链式编程实现模拟Jquery函数
Dec 21 Javascript
JavaScript实现梯形乘法表的方法
Apr 25 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 Javascript
js判断请求的url是否可访问,支持跨域判断的实现方法
Sep 17 Javascript
浅析location.href跨窗口调用函数
Nov 22 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 Javascript
p5.js实现斐波那契螺旋的示例代码
Mar 22 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
vue中使用微信公众号js-sdk踩坑记录
Mar 29 Javascript
基于ajax实现上传图片代码示例解析
Dec 03 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中使用url传递数组的方法
2015/02/11 PHP
PHP中的事务使用实例
2015/05/26 PHP
Yii扩展组件编写方法实例分析
2015/06/29 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
php获取字符串前几位的实例(substr返回字符串的子串用法)
2017/03/08 PHP
PHP实现简单日历类编写
2020/08/28 PHP
JS 进度条效果实现代码整理
2011/05/21 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JS触发服务器控件的单击事件(详解)
2016/08/06 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
Python实现excel转sqlite的方法
2017/07/17 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
Python函数中不定长参数的写法
2019/02/13 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
Python3.5基础之NumPy模块的使用图文与实例详解
2019/04/24 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
Python unittest框架操作实例解析
2020/04/13 Python
python3实现将json对象存入Redis以及数据的导入导出
2020/07/16 Python
详解在Python中使用Torchmoji将文本转换为表情符号
2020/07/27 Python
python实现画图工具
2020/08/27 Python
美国家喻户晓的保健品品牌:Vitamin World(维他命世界)
2016/08/19 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2013/05/03 面试题
财务会计大学生自我评价
2014/04/09 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
运动会广播稿100字
2014/09/14 职场文书
小学五年级语文上册教学计划
2015/01/22 职场文书
网上祭英烈活动总结
2015/02/04 职场文书
2019入党申请书格式
2019/06/25 职场文书
2019年浪漫婚礼证婚词
2019/06/27 职场文书
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS