鼠标向上、向下滚动时执行事件 - 会coding的HAM

鼠标向上、向下滚动时执行事件

BG7ZAG

|

2017-12-22 13:58

|

1,456

|

4

|

88 字

|

1 分钟内

原理：拿当前的scrollTop和之前的scrollTop对比

如果变大了，表示向下滚动（scrollTop值变大）；

如果变小了，表示向上滚动（scrollTop值变小）。

$(document).ready(function(){
var p=0,t=0;
$(window).scroll(function(e){
p = $(this).scrollTop();
if(t<=p){
console.log('下滚')
}
else{
console.log('上滚')
}
setTimeout(function(){t = p;},0);
});
});

js scroll scrollTop 鼠标滚动

评论

博客之家

Android Firefox 57.0

7 年前
2017-12-23 23:29:41

我们已收录贵站，欢迎回访，谢谢！
收录页：http://eps.gs/aj4
- 黄良钵
  博主
  博客之家
  
  Windows Chrome 63.0.3239.84
  
  7 年前
  2017-12-23 23:31:44
  
  感谢收录！
淘宝天猫优惠券大全

Windows Chrome 55.0.2883.87

7 年前
2017-12-23 17:23:25

技术很好，这样就更方便用户了，不知道博主的评论是怎么修改的，有没有相关介绍呀
- 黄良钵
  博主
  淘宝天猫优惠券大全
  
  Linux Chrome 63.0.3239.84
  
  7 年前
  2017-12-23 17:57:38
  
  主题自带的

发送评论编辑评论

Markdown

悄悄话

邮件提醒

|´・ω・)ノ

ヾ(≧∇≦*)ゝ

(☆ω☆)

（╯‵□′）╯︵┴─┴

￣﹃￣

(/ω＼)

∠( ᐛ 」∠)＿

(๑•̀ㅁ•́ฅ)

→_→

୧(๑•̀⌄•́๑)૭

٩(ˊᗜˋ*)و

(ノ°ο°)ノ

(´இ皿இ｀)

⌇●﹏●⌇

(ฅ´ω`ฅ)

(╯°A°)╯︵○○○

φ(￣∇￣o)

ヾ(´･･｀｡)ノ"

( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃

(ó﹏ò｡)

Σ(っ °Д °;)っ

( ,,´･ω･)ﾉ"(´っω･｀｡)

╮(╯▽╰)╭

o(*////▽////*)q

＞﹏＜

( ๑´•ω•) "(ㆆᴗㆆ)

颜文字

Emoji

小恐龙

花!