如何用jquery实现当向下滑动时候图片隐藏？

Question

就是将这个游戏大厅当手机向下滑动 的时候 隐藏掉 

<footer>

 <img id="footer-img"  src="images/515877992197441478.jpg" alt="" onclick="Function()" />

</footer>

求指点~

Answer 1

$(function(){         var $footer=$("footer");         var $window = $(window);         var direct=0;    //记录当前位置         $(window).scroll(function(){           if($window.scrollTop()<direct  &&  $footer.css("display")=="block"){//如果向下滑动，则隐藏             $footer.css("display","none");           }else if($window.scrollTop()>direct && $footer.css("display")=="none"){             $footer.css("display","block");//如果向上滑动，则显示           }           direct=$window.scrollTop();  //修改当前位置         }); });