用jQuery隐藏图标

我有

<img class="arrow_down" src="arrow_down.png" alt="scroll down" style="max-width: 5%; height: auto;">

现在,我希望该图像可见,直到我向下滚动网页,所以从第一个滚动它将被隐藏.我在java脚本或jQuery中编码,如下所示：

jQuery(function($,undefined) {
  if ($("body").scrollTop() = 0 || $("html").scrollTop() = 0) {
            $(".arrow_down").fadeIn(400);
        }

        else {
            $(".arrow_down").hide();
        }

    };

这不行,请帮帮我…

解决方法

你可以这样做：

$(function () {
  $('.arrow_down').hide();
  var curScroll = $(window).scrollTop();
  $(window).scroll(function() {
    if (curScroll < $(window).scrollTop())
      $('.arrow_down').show();
    if ($(window).scrollTop() == 0)
      $('.arrow_down').hide();
    curScroll = $(window).scrollTop();
  });
});

这里发生的是,当滚动完成时,脚本会检查滚动是否已完成.如果滚动仅向下,则显示向下箭头.