如何用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();  //修改当前位置
        });
});