jquery - 简单的 jQuery 脚本不工作基于滚动高度的淡入/淡出（在 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

这是你想做的吗：小提琴

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