Javascript 在向下滚动事件中更改徽标图像（在向上滚动时再次更改）

我有一个我想在scroll事件中更改的徽标图像，我有这个代码，但什么都没有发生，我做错了什么

这是PHP/HTML：

试试这个：

var lastTop = 0;
$(window).scroll( function (evt) {
  var thisTop = $(this).scrollTop();
  if (thisTop > lastTop) {
    // scroll down
    console.log('down');
  }
  else {
    // scroll up
    console.log('up');
  }
  lastTop = thisTop;
});

在看到console.log的地方，将图像更改代码放在那里。

---

保留lastTop的原因是用户可以继续向下滚动，并且您需要保持图像与方向相同。

有一个插件可以检测区域上下鼠标滚轮和速度， 叫

我不明白你到底想要什么， 你想在不同的旋转步骤中更改徽标的src吗？ 可能是当页面的不同元素可见时 然后，您可以尝试使用其滚动偏移位置捕捉悬停的对象：

$(window).on('mousewheel', function(e)
{
     console.log(event.deltaX, event.deltaY, event.deltaFactor);
     if(e.deltaY >= $("element_to_match_0").offset().top)
        $("#your_logo").attr('src','my_alternative_logo_image_url');

     // another element scrolled over
     if(e.deltaY >= $("element_to_match_1").offset().top)
        $("#your_logo").attr('src','my_alternative_logo_image_url');
});

您需要使用$或jquery调用jquery