当div的偏移量比固定值小时执行某些操作

Question

如果菜单到窗口顶部的偏移量小于700px，我想淡化菜单的不透明度。 但是我不明白为什么这段代码行不通。

$(window).scroll(function() {      
   var offset = $(".navigation-top").offset();
   var posY = offset.top - $(window).scrollTop();
   if ($(posY) < 700) {
      $('.navigation-top').animate({'opacity':'0.1'},500);
      } else {
      $('.navigation-top').animate({'opacity':'1'},500);
      }      
 });

Answer 1

致敬卡斯滕和杰里米，

我最终结束了。但是.stop（）是强制性的。否则，由于滚动导致的数据混乱，它只能在极度延迟下起作用。

$(window).scroll(function() {      
   var offset = $(".navigation-top").offset();
   var posY = offset.top - $(window).scrollTop();
   if (posY < 700) {
      $('.navigation-top').stop().animate({'opacity':'0.1'},500);
      } else {
      $('.navigation-top').stop().animate({'opacity':'1'},500);
      }      
 });