聊天应用程序中的要求,如果在textarea中键入文本并单击发送按钮, msg动画/滚动到该区域的顶部,允许用户看到[焦点在于]最后输入的消息。 即滚动条应位于底部。
现在使用的Jquery版本是1.3.2,但需要将Jquery版本更改为1.9.1或更高版本。
代码:用于滚动
$("#msg").animate({
scrollTop: $("#msg").attr("scrollHeight")-$("#msg").height()
}, 0.001);
$('msg').scrollTop($('msg')[0].scrollHeight);
当jquery.js更改为1.92或1.10。*或1.11.3等时,滚动条保持在顶部而不是底部 当键入的消息向上滚动时,用户无法看到最后输入的消息,而是每次都需要向下滚动。
粘贴完成工作的两行代码。请告知如何纠正这种情况。
答案 0 :(得分:1)
请尝试更改
$('msg').scrollTop($('msg')[0].scrollHeight);
到
$('#msg').scrollTop($('#msg')[0].scrollHeight);
看起来'#msg'
是第一行代码使用的正确选择器。除非您有一个名为'msg'
的标记,否则<msg>
不会选择任何内容。