设为首页收藏本站

切换到宽版

PHPIN.NET»论坛 › 网页前端技术 › 网页前端教程 › html textarea 自动在底部滚动的实现方法

发新帖

查看: 5258|回复: 0

[实例分享] html textarea 自动在底部滚动的实现方法

469 主题	31 回帖	5569 积分

Rank: 9 Rank: 9 Rank: 9

积分: 5569

发消息

发表于 2018-6-25 12:22:52 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有账号？立即注册

x

html textarea 自动在底部滚动的实现方法

demo：

<html>
<body>
<textarea rows="10" cols="20" id="my">
</textarea>
<button onClick="test()">test</button>
<script>
var i = 1;
function test()
{
var obj = document.getElementById("my");
obj.value += i + "\n";
i++;
obj.scrollTop = obj.scrollHeight; // good
}
</script>
</body>
</html>

复制代码

回复

发新帖

|Archiver|手机版|小黑屋|PHPIN.NET ( 冀ICP备12000898号-14 )|网站地图

GMT+8, 2024-11-21 17:36

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表