鼠标滑轮事件监听

最新推荐文章于 2023-05-23 13:20:53 发布

oobb

最新推荐文章于 2023-05-23 13:20:53 发布

阅读量317

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weilai0921/article/details/78333525

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>鼠标监听事件</title>
<<script src="jquery.min.js"></script>
<style type="text/css" media="screen">
#div{position:fixed; top:0; left:50%;width:400px;height: 400px;background-color: #0ff;}
</style>
</head>
<body>
 > 
 
<div id="div" ></div>
<script type="text/javascript">
// $(function(){
// $(window).scroll(function(event) {
// var s = $(window).scrollTop();
// a=s;
// if(s>5008){
// $("#div").show(100);
// }else{
// $("#div").hide(100);
// }
// });
var lastScrollTop = 0;
var div = $("#div");
$(window).scroll(function(event){
var st = $(this).scrollTop();
var w = div.css("width");
if (st > lastScrollTop){
sad();
} else {
sad();
}
lastScrollTop = st;
});

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

oobb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标滑轮事件监听

鼠标监听事件 #div{position:fixed; top:0; left:50%;width:400px;height: 400px;background-color: #0ff;} > // $(function(){ // $(window).scroll(function(ev
复制链接

扫一扫