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 相关文章推荐
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
Dec 27 Javascript
javascript事件模型代码
Jul 01 Javascript
javascript web对话框与弹出窗口
Feb 22 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
用jquery等比例控制图片宽高的具体实现
Jan 28 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
angularJS1 url中携带参数的获取方法
Oct 09 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
vue+iview实现文件上传
Nov 17 Vue.js
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
ThinkPHP写第一个模块应用
2012/02/20 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
jquery ui dialog实现弹窗特效的思路及代码
2013/08/03 Javascript
实用的Jquery选项卡TAB示例代码
2013/08/28 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
用JavaScript实现让浏览器停止载入页面的方法
2017/01/19 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
vue.js语法及常用指令
2017/10/29 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
2018/08/09 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
[01:00:17]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第二场 1月25日
2021/03/11 DOTA
跟老齐学Python之集合的关系
2014/09/24 Python
python多线程threading.Lock锁用法实例
2014/11/01 Python
wxPython中listbox用法实例详解
2015/06/01 Python
python控制台中实现进度条功能
2015/11/10 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
详解Python3注释知识点
2019/02/19 Python
简单了解Python3里的一些新特性
2019/07/13 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
keras训练浅层卷积网络并保存和加载模型实例
2020/07/02 Python
英国行业制服供应商:Alexandra
2019/09/14 全球购物
财务分析个人的自荐书范文
2013/11/24 职场文书
护士的岗位职责
2013/12/04 职场文书
二手书店创业计划书
2014/01/16 职场文书
绿化工程实施方案
2014/03/17 职场文书
节约用水标语
2014/06/11 职场文书
消防志愿者活动方案
2014/08/23 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书
Java Spring 控制反转(IOC)容器详解
2021/10/05 Java/Android