jquery의 이미지 위치

Question

안녕하세요. 친구는 website입니다. 이 로고 이미지가 홈 페이지에서와 같을 것이지만 다른 페이지에서는 위를 향하여 갈 것이고 이름 만 전체 로고 이미지로 보일 것입니다. 그렇다면 jQuery에서이를 수행하는 방법은 무엇입니까? 어떤 충고도 매우 주목할 만하다.

Answer 1

자바 스크립트를 사용할 필요가 없습니다. position:absolute에서 position:fixed으로 변경하십시오. (IE < 7 지원이 필요하면 위치가 고정 된 버그에 대한 해결 방법이 있습니다. 아래의 주석 문자열에서 달성하려고하는지에 대한 이해를 바탕으로

업데이트 (댓글 참조)

,이 시도 :

$(document).ready(function() { 
    $('ul.menu li a').each(function() { 
     $(this).click(function() { 
     $('#logo').css('top', $($(this).attr('href')).offset().top); 
     setTimeout("$('#logo').fadeIn('slow');", 600); 
     }); 
     if ($(this).hasClass('selected')) 
      $(this).click(); 
    }); 
}); 

Answer 2

내가 그것을 얻었다. 이럴 것입니다

<script type="text/javascript"> 
    if(jQuery(window).scrollTop() > 0) { 
    jQuery('h1#logo').css({ 
     top: '-85px' 
    }); 
    } 
    jQuery(window).scroll(function() { 
    if(jQuery(this).scrollTop() > 0) { 
     jQuery('h1#logo').clearQueue(); 
     jQuery('h1#logo').animate({ 
     top: '-85px' 
     }); 
    } else if(jQuery('h1#logo').position().top != 0) { 
     jQuery('h1#logo').clearQueue(); 
     jQuery('h1#logo').animate({ 
     top: '0px' 
     }); 
    } 
    }); 
</script>