Jquery实现让textarea的滚动条始终保持在最下方

最新推荐文章于 2024-05-10 10:38:12 发布

原创最新推荐文章于 2024-05-10 10:38:12 发布 · 1.4w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #javascript

jQuery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的JavaScript代码实现，每当用户在聊天应用中发送消息后，聊天记录会自动滚动到最新消息的位置。此功能通过监听按钮点击事件并更新滚动条位置来实现。

本文接着上篇继续：

在每次发言之后要使刚刚发言显示在最下面和刚刚比更改了一下javascript代码

Js代码：

$(document).ready(function(){
	  $("#submit").click(
			function(){
				$("#info").append("admin:"+$("#talk").val()+"\n");								
					 var scrollTop = $("#info")[0].scrollHeight;
          				 $("#info").scrollTop(scrollTop);
					$("#talk").val("");
				} );
		 })