作者: 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