收藏
回答

如何让textarea中的内容自动滚动到底部?

固定高度的textarea中动态塞值,让内容自动滚动到底部

回答关注问题邀请回答
收藏

3 个回答

  • 微盟
    微盟
    2023-03-13
    <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>
    
    2023-03-13
    有用 1
    回复 1
    • 夏味
      夏味
      2023-03-14
      这是小程序,不是 web Orz
      2023-03-14
      1
      回复
  • 夏味
    夏味
    2023-03-14

    textarea 高度自动增高,外面套一层固定高度 scroll-view,每次输入文字后,设置 scroll-view 的 scrollTop,滚到底就完了

    2023-03-14
    有用
    回复
  • showms
    showms
    2023-03-14

    textarea有一个属性是cursor,试试设置成最后一位

    https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

    2023-03-14
    有用
    回复 1
    • 夏味
      夏味
      2023-03-14
      没有聚焦时,设置 cursor 没啥用吧
      2023-03-14
      回复
登录 后发表内容