jquery中的动画效果不能正常工作

Question

我试图用jquery创建一个简单的淡入淡出效果。这是显示示例的链接。问题是它似乎无法正常工作。为什么呢？

http://jsbin.com/zijihugejowi/2/edit?html,css,js,output

Answer 1

这是因为滚动时动画链太多了。使用以下代码执行这两行

navbarBrandImg.stop().animate(/* your code */)

另请查看此文章，了解直接使用.scroll()

有多糟糕

http://ejohn.org/blog/learning-from-twitter/

Answer 2

为此，请使用fadeIn，fadeOut jQuery效果。

请参阅此处的工作示例：JSBIN

在代码中编辑以下内容：

CSS：

img {
  display: none;
  position: fixed;
}

JS

if ($currWindow.scrollTop() > 100) {

    navbarBrandImg.fadeIn(500);

  } else {

    navbarBrandImg.fadeOut(500);
  }