JS简单判断滚动条的滚动方向实现方法
本文实例讲述了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('向上'); } }
(资源库 www.zyku.net)
上一篇:JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
栏 目:JavaScript
本文标题:JS简单判断滚动条的滚动方向实现方法
本文地址:https://www.zyku.net/js/1346.html
您可能感兴趣的文章
- 06-26highlightjs网页代码高亮插件调用方法
- 06-24SyntaxHighlighter 隐藏Y轴滚动条
- 05-10javascript实现单张或多张图片持续无缝滚动
- 05-10JS - 获取文件后缀,判断文件类型(比如是否为图片格式)
- 05-10js中!和!!的区别与用法
- 05-10js实现文章目录索引导航(table of content)
- 05-10JS实现单张或多张图片持续无缝滚动的示例代码
- 05-10js根据后缀判断文件文件类型的代码
- 05-10JS端基于download.js实现图片、视频时直接下载而不是
- 04-02CentOS安装Nodejs教程
- 11-08荣耀X30max怎样启用5G网络
- 08-30织梦DedeCMS获取文章链接的函数GetOne
- 09-16央视频全运会开幕式回放入口分享
- 07-16短信验证码工作原理
- 02-18YII路径的用法总结
- 11-06autosleep设置睡眠目标方法介绍
- 10-11vivox70pro+怎么屏蔽搜索框
- 12-25千里服务-千里服务应用软件功能介绍
- 02-03苹果手机禁止安装APP教程
- 03-07oppoa95设置微信分身方法
最近更新
阅读排行
猜你喜欢
- 11-29荣耀x30i怎么设置返回键
- 01-11小米12启用关机验证密码方法
- 07-05Linux rsh命令
- 02-21小米手机证件照拍摄教程
- 04-24Python程序转化为可执行程序
- 01-30opporeno5手机开启上滑手势功能方法
- 02-21MySQL安全模式下重置root密码的方法
- 01-12久拍-久拍应用软件功能介绍
- 10-15苹果12查找我的iphone功能在哪
- 04-15红米k40运营商名称开启方法