2013-12-20 2 views
0

사용자가 아래로 스크롤하면 어떻게 확인할 수 있습니까? 페이지 위쪽에 로고가있는 도구 모음이 있습니다. 그리고 사용자가 아래로 스크롤하여 로고의 크기를 변경하거나 로고를 더 작게 변경하려면 메뉴 막대의 높이를 변경하고 위치를 고정 시키십시오.jquery on scroll 메뉴 막대 높이 및 로고 변경

감사

+1

google ("사용자가 스크롤하는 경우 jquery")을 사용하고 첫 번째 결과를 클릭 해보세요. http://stackoverflow.com/questions/4627203/jquery-trigger-action-when-a-user-scrolls-past-a - 확인 - 부분 - 중 - 페이지 – caramba

답변

0

window.onscroll = function (e) { //when window is scrolled 
//change image size and height of menu bar 
} 
0

내가 지금 코드를 업데이트

$(window).on('scroll', function(e) { 
    console.log(e); 
} 
0

jsFiddle

$(window).on('scroll', function() { 
    $('#navbar').css('position','fixed'); 
    $('#id').attr('width', '100px'); 
    $('#id2').css('font-size', '12px'); 
}); 

이 아래로 scrol에 맨 고정 시도하십시오.