эффект зависания не работает

Question

$(function() { 
    $(window).scroll(function() { 
     var scrollTop = $(window).scrollTop(); 
     if (scrollTop != 0) 
      $('#header').hide(); 
     else  
      $('#header').show(); 
    }); 
    $('#header').hover(
     function (e) { 
      var scrollTop = $(window).scrollTop(); 
      if (scrollTop != 0) { 
       $('#header').show(); 
      } 
     }, 
     function (e) { 
      var scrollTop = $(window).scrollTop(); 
      if (scrollTop != 0) { 
       $('#header').hide(); 
      } 
     } 
    ); 
}); 

В зависимости от прокрутки он работает хорошо. Но с помощью мыши, он не работает особенно в IE7. :(

Это неправильно

Answer 1

После того, как вы шкурку ваш фиксированный HEADER (предположив, что вы делаете это правильно: fixed)? нет никакого способа, вы можете вспомнить mouseenter на этом элементе потому что не суммируется больше в его исходное пространство.

лучше обрабатывать непрозрачность элемента. Вот пример использования JQuery в .fadeTo()

http://jsbin.com/eviziq/3/edit

$(window).scroll(function(){ 
    $('#header').stop().fadeTo(300, $(window).scrollTop() > 0 ? 0.1 : 1); 
}); 

$('#header').on('mouseenter mouseleave', function(e){ 
    if($(window).scrollTop() > 0) { 
     $('#header').stop().fadeTo(300, e.type=="mouseenter" ? 1 : 0.1); 
    } 
}); 

_{Я использовал Непрозрачность 0.1 вместо 0 только для демо целей.}