2011-09-11 14 views
0

可能性の重複:
Scroll to bottom of div?RubyはRailsの/ jQueryのの自動スクロールにオーバーフロー:自動

私はチャットルームを構築していますし、スクロールがあるので、私はそれを設定したいと思います常に現在のメッセージに保持されます。

<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; 
} 

あなたは私がautoにオーバーフローを設定し、DIVの高さを固定見ることができるように例えば、ここに私の見解です。

問題は、新しいメッセージを送信するたびに、スクロールが現在のメッセージに移動しないことです。

これにJQueryソリューションがあるかどうか疑問に思っていましたか?

ブライアン

答えて

0

、ありがとうはjQuery.scrollTopを見てください。それはあなたの仕事をするはずです。

+0

素晴らしい!それはうまくいくように見えました。ありがとうございました。 – Brian

関連する問題