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 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
jQuery contains过滤器实现精确匹配使用方法
Apr 12 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 Javascript
JS实现在页面随时自定义背景颜色的方法
Feb 27 Javascript
JS去除iframe滚动条的方法
Apr 01 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
PHP实现记录代码运行时间封装类实例教程
May 08 Javascript
详解extract-text-webpack-plugin 的使用及安装
Jun 12 Javascript
vue中v-model的应用及使用详解
Jun 27 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
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调用数据库的存贮过程!
2006/10/09 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP+JS实现大规模数据提交的方法
2015/07/02 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
[原创]PHPCMS遭遇会员投稿审核无效的解决方法
2017/01/11 PHP
YII框架中使用memcache的方法详解
2017/08/02 PHP
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
JQuery实现当鼠标停留在某区域3秒后自动执行
2014/09/09 Javascript
node.js中的fs.readlink方法使用说明
2014/12/17 Javascript
javascript动态创建及删除元素的方法
2014/12/22 Javascript
javascript数组去重的方法汇总
2015/04/14 Javascript
你知道setTimeout是如何运行的吗?
2016/08/16 Javascript
JS针对Array的各种操作汇总
2016/11/29 Javascript
简单谈谈Javascript函数中的arguments
2017/02/09 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
详解JavaScript中的强制类型转换
2019/04/15 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
[34:10]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
python爬虫入门教程--利用requests构建知乎API(三)
2017/05/25 Python
深入了解Python在HDA中的应用
2019/09/05 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
意大利网上药房:Farmacia 33
2020/01/27 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
企业门卫岗位职责
2013/12/12 职场文书
幼儿园庆六一活动方案
2014/03/06 职场文书
市场营销方案范文
2014/03/11 职场文书
酒店管理求职信
2014/06/09 职场文书
邀请函的格式
2015/01/30 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
无工作证明怎么写
2015/06/15 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python