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 数组克隆方法 小结
Mar 20 Javascript
jQuery中实现动画效果的基本操作介绍
Apr 16 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
javascript模拟map输出与去除重复项的方法
Feb 09 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
灵活的理解JavaScript中的this指向
Feb 25 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
Aug 11 Javascript
JS实现Ajax的方法分析
Dec 20 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 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 文件上传类代码
2011/08/06 PHP
php调用google接口生成二维码示例
2014/04/28 PHP
PHP实现接收二进制流转换成图片的方法
2017/01/10 PHP
Laravel接收前端ajax传来的数据的实例代码
2017/07/20 PHP
PHP中实现中文字串截取无乱码的解决方法
2018/05/29 PHP
写js时遇到的一些小问题
2010/12/06 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
JS+css 图片自动缩放自适应大小
2013/08/08 Javascript
jquery动感漂浮导航菜单代码分享
2020/04/15 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
BootStrap selectpicker
2016/06/20 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
VUEX采坑之路之获取不到$store的解决方法
2019/11/08 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
vant 自定义 van-dropdown-item的用法
2020/08/05 Javascript
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
javascript实现时钟动画
2020/12/03 Javascript
Python实现二叉堆
2016/02/03 Python
使用Python对MySQL数据操作
2017/04/06 Python
python的socket编程入门
2018/01/29 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
Python阶乘求和的代码详解
2020/02/14 Python
Pyspark读取parquet数据过程解析
2020/03/27 Python
python模块如何查看
2020/06/16 Python
Python迭代器协议及for循环工作机制详解
2020/07/14 Python
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
彩妆大赛策划方案
2014/05/13 职场文书
责任心演讲稿
2014/05/14 职场文书
违规违纪检讨书范文
2015/05/06 职场文书
用golang如何替换某个文件中的字符串
2021/04/25 Golang
详解CSS伪元素的妙用单标签之美
2021/05/25 HTML / CSS
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers