用 js 将 textarea 的滚动条滚动至最底部

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

热带鱼2020

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

阅读量2.7k

点赞数 2

分类专栏： js

本文链接：https://blog.csdn.net/beguile/article/details/106111024

版权

js 专栏收录该内容

95 篇文章 0 订阅

订阅专栏

<html>

<head>
<script>
function test1() {
    var textarea = document.getElementById('talkContent');
    textarea.scrollTop = textarea.scrollHeight;
}

function test2() {
    var textarea = document.getElementById('talkContent');
    textarea.scrollTop = 0;
}
</script>
</head>

<body>
<textarea rows="10" cols="15" name="a" id="talkContent"
onpropertychange="this.scrollTop=this.scrollHeight"
οnfοcus="this.scrollTop=this.scrollHeight" >
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
ttttttt11111
</textarea>

<input type = "button" onclick="test1()" value="至底部" />

<input type = "button" onclick="test2()" value="至顶部" />

</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

热带鱼2020

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
用 js 将 textarea 的滚动条滚动至最底部

<html><head><script>function test1() { var textarea = document.getElementById('talkContent'); textarea.scrollTop = textarea.scrollHeight;}function test2() { var textarea = document.getElementById('talkContent'); te.
复制链接

扫一扫