对于透明的那一块,我想在鼠标滚动的时候消失,但是鼠标不滚动的时候不消失。
但是如果利用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>
调用方法:
一周热门 更多>