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

2016-10-22 22:32发布

我想实现的功能:

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

但是如果利用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条回答

调用方法:

一周热门 更多>