基于滚动高度的简单jQuery脚本不工作FadeIn / FadeOut（在jsfiddle上）

Question

http://jsfiddle.net/MFUw3/678/这是关于jsFiddle的唯一问题是脚本在来回滚动之前不会生效。

<script type="text/javascript"> 
 $(window).scroll(function() { 
   if($(window).scrollTop()>0) {
     $('.small-logo').fadeOut();
      } else {
     $('.small-logo').fadeIn();
  }
});  
</script>

Answer 1

• 您正在使用jQuery.noConflict()，然后尝试使用$
• 代码使用scrollHeight()代替scrollTop()

这就是它应该如何看待你的代码：

(function($){
    var $window = $(window);

    $window.scroll(function(){
        if ($window.scrollTop() >= 162) {
            $('.small-logo').fadeOut();
        }
        else {
            $('.small-logo').fadeIn();
        }
    });
}(jQuery));

这是您当前的代码：

$(window).scroll(function() { 
  if($(window).scrollHeight()>=162) {
   $('.small-logo').fadeOut();
  } else {
   $('.small-logo').fadeIn();
}
});

Answer 2

这就是你要做的事：fiddle

.a {
    height: 40px;
    width: 40px;
    text-align: center;
    background-color: green;
    margin-left: 50%;
    display:none;
}