如何在jquery中检测用户向下滚动、向上滚动和停止这三个事件?

a0zr77ik  于 2022-11-03  发布在  jQuery
关注(0)|答案(1)|浏览(194)

你好,有人能帮我detech 3事件在jquery.
我希望当用户向下滚动时,它显示日志向下滚动,当用户向上滚动时,它显示日志向上滚动,当用户停止向上滚动时,它显示日志停止滚动
我希望当用户向下滚动时,它显示日志向下滚动,当用户向上滚动时,它显示日志向上滚动,当用户停止向上滚动时,它显示日志停止滚动

jecbmhm3

jecbmhm31#

检查此示例中的所有3个事件

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script>
$(document).on("scrollstop",function(){
    console.log('stop');
    console.log('your css 3 here');
  }); 
$(document).on('mousewheel', function(event) {
    if (event.originalEvent.wheelDelta >= 0) {
        console.log('Scroll up');
        console.log('your css 1 here');
    }
    else {
        console.log('Scroll down');
        console.log('your css 2 here');
    }
});

</script>
</head>
<body>
</body>
</html>

相关问题