设为首页收藏本站

PHPIN.NET

 找回密码
 立即注册
查看: 233|回复: 0

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

[复制链接]

432

主题

451

帖子

3655

积分

管理员

Rank: 9Rank: 9Rank: 9

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

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

您需要 登录 才可以下载或查看,没有帐号?立即注册

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

demo:
  1. <html>
  2. <body>

  3. <textarea rows="10" cols="20" id="my">
  4. </textarea>

  5. <button onClick="test()">test</button>

  6. <script>

  7. var i = 1;
  8. function test()
  9. {
  10.         var obj = document.getElementById("my");
  11.     obj.value += i + "\n";
  12.     i++;
  13.         obj.scrollTop = obj.scrollHeight; // good
  14. }
  15. </script>

  16. </body>
  17. </html>
复制代码
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

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

GMT+8, 2018-9-26 02:45

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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