作者: knives () 看板: Ajax
標題: [問題] 該怎麼操控下拉位置
時間: Thu Feb 25 14:01:46 2010
我在做一個用ajax的聊天室
該聊天室的結構大概是這樣
<div id="context_area">
這裡是放對話輸出的位置
</div>
<textarea id="input_chat" >
</textarea>
我現在在input_chat這個textarea，有定義當輸入enter的時候，就把裡面的文字寫到
資料庫，之後再用jquery的append方式
把文字區域的內容插到context_area裡面
到這裡都沒有問題，但是有個問題是當我想讓context_area移到最新的一筆
這麼說好了，假設我現在輸出框有下列幾行字
第一行內容
第二行內容
第三行內容
第四行內容
但是我設定context_area有最大高度只允許四行
那麼當我在輸入新的資料，在畫面上看不到，要移動scroll bar才看得到
可是我希望使用者一定要能看到最新一筆
也就是讓它能夠自動下拉到最後一筆
請問我要怎麼操作，才能達到這個要求
謝謝回答
--
◢ ˊ_▂▃▄▂_ˋ. ◣ ▅▅▅ ▅▅▅ ι●╮
▍./◤_▂▃▄▂_◥ \'▊ ＨＡＲＵＨＩ ████████ ＜■┘
▎⊿ ◤◤◥█◥◥█Δ █ ＩＳＭ ███▃▃███ ￠|\
▏ζ(▏●‵◥′●▊)Ψ ▏ By-gamejye ▂▂▂ ▂▂▂ ⊿Δ
█/|▊ 〃 、 〃▋ |\ ▎ ハ ル ヒ 主 義
◥◥|◣ ‵′ ◢/'◢◢ S‧O‧S 世界を大いに盛り上げるための涼宮ハルヒの団
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 210.209.140.229
1F：→ TonyQ:請定義「焦點自動移動最新的一筆」這個行為. 02/25 14:27
※ 編輯: knives 來自: 210.209.140.229 (02/25 14:54)
2F：→ TonyQ:插進去之後，改context_area 的scrollTop 值到最底. 02/25 14:55
3F：→ TonyQ:反正就是模擬捲軸捲動的行為 , 詳細可以用scrollTop去google 02/25 14:56
感謝回答
可是我用這樣的方式卻不能work
$('
#context_area').append('<p>新的內容</p>').scrollTop(
$('
#context_area').height());
不能這樣用嗎
謝謝回答
※ 編輯: knives 來自: 210.209.140.229 (02/25 15:29)
4F：→ knuckles:height 改用 scrollHeight 看看 02/25 17:12
5F：→ TonyQ:補樓上，改用 $("#context_area")[0].scrollHeight. 02/25 19:10