作者: 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
→
02/25 14:27, , 1F
02/25 14:27, 1F
※ 編輯: knives 來自: 210.209.140.229 (02/25 14:54)
→
02/25 14:55, , 2F
02/25 14:55, 2F
→
02/25 14:56, , 3F
02/25 14:56, 3F
感謝回答
可是我用這樣的方式卻不能work
$('#context_area').append('<p>新的內容</p>').scrollTop(
$('#context_area').height());
不能這樣用嗎
謝謝回答
※ 編輯: knives 來自: 210.209.140.229 (02/25 15:29)
→
02/25 17:12, , 4F
02/25 17:12, 4F
→
02/25 19:10, , 5F
02/25 19:10, 5F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
