ask2 https

jquery实现鼠标滚动时元素消失，不滚动的时候元素回来？ 财富值21

2016-10-22 22:32发布

站内问答 /
1371 2 4

我想实现的功能：

对于透明的那一块，我想在鼠标滚动的时候消失，但是鼠标不滚动的时候不消失。

但是如果利用scroll事件来监听滚动，如果我滚动的时候可以让它消失，但我不滚动的时候它也回不来了 

$(function(){     $(window).scroll(function(e) {         $("#header").hide();     }); });

html代码 

<html> <head> <script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.2.1/jquery.min.js"></script>  <script> $(function(){     $(window).scroll(function(e) {         $("#header").hide();     }); }); </script>  <style> .main {     width: 700px;     margin: 200px auto; } .header { position:fixed; width:100%; height:150px; top:0px; left:0px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.6); background: transparent9; border: 1px solid #ccc; } </style> </head>  <body> <div class="header" id="header"> <div id="main" class="main"> Hello World </div> </body> </html>

类似于知乎专栏，知乎专栏是鼠标向下滚动的时候不显示作者的信息，鼠标向上滚动的时候显示作者信息

友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
2条回答
我的红色理想 - 这个人很懒，什么都没留下
1楼-- · 2016-10-22 22:53

调用方法：

♚ 百玩成瘾1 - 这个人很懒，什么都没留下
2楼-- · 2016-10-22 22:59

scroll() 方法的扩展

一周热门 更多>