Javascript 滚动图像淡入

我正在尝试重新创建一些类似于左边发生的效果，在页面的滚动条上，徽标逐渐消失。当你向上滚动时在这里看到。 我有这个，但它真的不正确，我想。。。抱歉，伙计们，编辑添加HTML和CSS

var divs = $('.logo-tiny');
$(window).scroll(function(){
   if($(window).scrollTop() <10 ){
         divs.stop(true,true).fadeOut("fast");
   } else {
         divs.stop(true,true).fadeIn("fast");
  }
  });​




<div id="header">
 <div id="logo"></div><div class="header-tiny"><div class="logo-tiny"></div>
  <div class="header-navi"><a class="header-link">link1</a> |<a     class="header-    link"> link2</a> |<a class="header-link"> link10</a></div></div>
</div>

css

无卷轴

visibility:hidden;

和顶部

visibility:visible;

生动活泼

-webkit-transition-property: all;
-webkit-transition-duration: 1s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0.2s;

看看这个：

var divs = $('.logo-tiny');
$(window).scroll(function(){
   if($(window).scrollTop() <10 ){
       divs.fadeOut("fast");
       console.log('a');
   } else {
        divs.fadeIn("fast");
       console.log('b');
  }
});

---

工作演示：[http://fiddle.jshell.net/D5M9H/]

您还应该包括一些HTML。通过这种方式，人们将能够确定此代码是否正确链接到HTML。我认为您的代码已经在工作，只需在触发方法FadeIn和FadeOutactically之前删除stop并检查您的徽标是否已经显示，这是工作的。我更新了你的JSFIDLE，只是做了一些小改动，但我不知道为什么我的JSFIDLE不能正常工作。。。实际上，您的站点正在使用rel=nofollow noreferrer>developers.google.com/chrome developer tools/docs/返回一个错误…。它基本上说明了左navi不存在。由于您绑定了scroll事件，请求该div的偏移量，因此会创建一个错误并暂停该函数的执行。我认为您并没有真正改进我们在问题中看到的代码，因为他的代码已经在运行。格式化代码是最低限度的。。。

var divs = $('.logo-tiny');
$(window).scroll(function(){
   if($(window).scrollTop() <10 ){
       divs.fadeOut("fast");
       console.log('a');
   } else {
        divs.fadeIn("fast");
       console.log('b');
  }
});