스크롤하면 DIV가 커집니다.

Question

페이지의 내용을 스크롤 할 때 DIV를 더 크게 만들 수 있습니까? 나는 위치와 함께 chatbox가있다 : 내 페이지의 오른쪽에 고정. 채팅 상자의 CSS는 높이 : 100 % 오른쪽 : 0 아래 : 0 위쪽 : 50px입니다. 상단 : 50px는 내 페이지 상단에 탐색 바를 숨기지 않기 때문입니다. 이제 문제는 페이지를 스크롤하기 시작할 때 내비게이션 막대가 분명히 사라지고 내 chatbox 위에 50px의 높은 빈 공간이 있다는 것입니다. 내가 원하는 것은 페이지를 스크롤하기 시작할 때 chatbox가 화면의 전체 100 %를 차지하여 그 위에 빈 공간이 없어야한다는 것입니다.

Answer 1

당신은이 작업을 수행 할 수 있습니다

$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).scrollTop() > 100) { 
      $('.chat_box').css({top:'0px'}); 
     } 
     else { 
      $('.chat_box').css({top:'10px'}); 
     } 
    }); 
}); 

http://jsfiddle.net/5tnygmrz/1/

Answer 2

데모 - http://jsfiddle.net/victor_007/cq1e8c1t/

난 당신이 자바 스크립트

window.onscroll = function (e) { 
    var topscroll = window.scrollY 
    if (topscroll > 50) { 
     document.getElementById('fixed').style.top = 0 
    } else { 
     document.getElementById('fixed').style.top = 50 + 'px' 
    } 
} 

가 필요합니다 생각