루비 : 자동

Question

가능한 중복 :
Scroll to bottom of div?

내가 채팅방을 짓고 있어요, 내가 너무 스크롤이 그것을 설정하고 싶습니다 항상 현재 메시지에 보관됩니다.

<div id="chatWrap"> 
<div id="chatLog"> 
<% @chatLog.each do |c| %> 
    <% account = getAccountByAccountId(c.account_id) %> 
    <div class="chat"> 
     <div class="chatUsername"> 
      <p><%= link_to account.username, account_path(account) %> said:</p> 
     </div> 
     <div class="chatMessage"> 
      <p><%=h c.message %></p> 
     </div> 
    </div> 
<% end %> 
</div> 

<textarea id="message" name="message">Type your message here and hit enter...</textarea> 

</div> 

지금 내 CSS를 지금까지 다음과 같다 :

#chatWrap { 
width:800px; 
margin-left:auto; 
margin-right:auto; 
} 

#chatLog { 
background-color:#FFFFFF; 
padding:10px; 
height:500px; 
overflow:auto; 
color:#161616; 
} 

당신은 내가 자동으로 오버 플로우를 설정하고 DIV의 높이를 고정 볼 수 있듯이 예를 들어, 다음은 내이다.

문제는 내가 새 메시지를 보낼 때마다 스크롤이 현재 메시지로 이동하지 않는다는 것입니다.

여기에 JQuery 솔루션이 있는지 궁금한가요?

는 jQuery.scrollTop에서보세요,

브라이언

Answer 1

을 주셔서 감사합니다. 그것은 당신 일을해야합니다.