2012-01-05 4 views
0

에 스크롤바는 동적으로 내용으로 가득하고 스크롤 할 때 항상 심지어 같은 장소에 있도록 고정 사업부가 있습니다. div에 너무 많은 내용이 있고 screenborder를 넘어 서면 스크롤바가 필요합니다.Jquery. 동적 콘텐츠

은 내가 이해하고 있습니까?

// EDIT 흠 ... 난 그냥 실현 메신저하는 것은 잘못된 생각. 나는 스크롤러가 필요 없다. DIV의 크기를 조정하여 화면 하단에 도달하지 못하게해야합니다.

// EDIT 이 내 sollution이었다.

function adjustPopupSizeToScreen() { 
       //AFTER SETTING MESSAGE, CHECK IF DIV GOES BEYOND THE SCREEN AND ADJUST. 

       var popupBottomPosition = PopUpBox.offset().top + PopUpBox.height(); 
       var browserBottomPosition = $(window).height(); 
       var popUpTopMarginToBrowserEdge = PopUpBox.offset().top; 
       if (popupBottomPosition > browserBottomPosition) { 
       } 
        PopUpBox.height(browserBottomPosition - 60); 
        MessageDiv.height(PopUpBox.height() -80); 



      } 
    //adjustPopupSizeToScreen() 
      $(window).resize(function() { 
       adjustPopupSizeToScreen(); 
      }); 
+0

은 자동으로 발생하지 않습니다를 참조하십시오? – w2lame

+0

아니요. :( 아마도 콘텐츠가 JS 기능을 통해 동적으로 추가 되었기 때문에 JS에서 콘텐츠를 삽입하기 전에 스크롤 막대가 콘텐츠 오버플로를 확인했는지 알 수 있습니까? – Lautaro

+0

[overflow] (http://css-tricks.com/the -css 오버 플로우 재산권 /) 임을받지 못하고 –

답변

0

사용 JQuery와 .scroll()

$('#divid').scroll(function() { 

}); 

http://api.jquery.com/scroll/

+0

속성입니다. 나는. 사업부가 화면 다음 큰 경우 확인하고 다음 화면에 맞게 및 스크롤러를 추가 할 수 충분히 작게 할 필요가 흠 ... 난 그냥 메신저 생각을 실현 잘못. 나는 그것을 늘 화면 하단 아래에 도달 할 수 있도록 DIV의 크기를 조정해야합니다. 스크롤러를 필요 없어요. – Lautaro

+0

같은 위해 사업부의 폭과 높이를 지정할 수 있습니다 –