2014-01-12 4 views
0

오버플로를위한 div의 스크롤 막대를 어떻게 자동으로 배치할지 궁금합니다.jQuery Divider 스크롤 막대 자동 위치

솔직히 뭘해야할지 모르겠다. CSS에서 작동하는지 확실하지 않지만 여기서는 오버플로를 설정하는 방법을 설명합니다.

코드 :

#chatResults { 
    width:510px; 
    height:275px; 
    overflow-y: scroll; 
    background-color: #FFFFFF; 
    padding:4px; 
    border-radius:5px; 
} 

당신이 이해하지 않는 경우 알려줘 당신이 나를 다르게 설명 할 필요가!

답변

1

스크롤 막대 위치를 scrollTop()으로 설정하고 scrollHeight 값을 전달하여 하단으로 이동할 수 있습니다.

$('#chatResults').scrollTop($('#chatResults')[0].scrollHeight); 

이 부분은 jsfiddle demo입니다.

1

는 그래, 난

<body onload='scrolldiv()'> //calling a javascript function for adjusting the position 
    <div id='chatResults' > 
     . 
     . 
     . 
     <span id='get_to_bottom'></span> //Some where near bottom 
    </div> 
</div> 

머리에 자바 스크립트 코드 아래에 붙여 넣기 당신이

당신은 어디 사업부의 바닥의 주위에 어떤에서 모든 요소를 ​​가질 수 있습니다 트릭을

<script type='text/javascript'>  
    function scrolldiv(){ 
     window.location.href='#get_to_bottom'; 
    } 
</script> 
+0

어떤 도움을 주셔서 감사합니다. – sanjeev

관련 문제