js实现textarea滚动条位置始终在最下方

在默认情况下，随着文本内容的不断增加，textarea的滚动条也会不断往上方移动，这就会导致当内容超出文本可视区域后，我们无法看到最下方的内容。这个时候，我们可能就会想让textarea滚动条的位置始终在最下方，因为只有滚动条在最下方时，textarea底部区域的文本才会显现出来。
想要实现这个功能也很简单，只要几行js代码就可以搞定了，这里以jQuery为例来实现此功能。

<script type="text/javascript">$(document).ready(function(){var height=$("#textarea")[0].scrollHeight;$("#textarea").scrollTop(height);})
</script><textarea id="textarea" name="textarea"  />

需要注意的是，在获取scrollHeight属性值时，textarea选择器必须加上数组下标索引为0，不管在该页面上是否存在多个相同的选择器，否则在浏览器控制台将会报错。

js实现textarea滚动条位置始终在最下方相关推荐

JS控制滚动条的位置 JS控制TextArea滚动条自动滚动到最下部
S控制滚动条的位置 window.scrollTo(x,y); 竖向滚动条置顶 window.scrollTo(0,0); 竖向滚动条置底 window.scrollTo(0,document.bod ...
js设置控制滚动条位置
js设置控制滚动条位置注意:scrollLeft,scrollTop是加在容器上,不是加载滚动的内容上. 使用: scrollLeftOffset: function () {$('.time- ...
js定位div滚动条位置
js定位div滚动条位置如图: 1.找到需要定位元素的位置,已Y轴为例,使用offsetTop找到距离父元素顶部的距离. 2.使用scrollTop属性使其父元素滚动到相应的位置,看下列代码. &l ...
刷新后页面保持滚动条位置
如何使页面刷新后仍然保持滚动条位置,有几种方法: 1. MaintainScrollPositionOnPostBack 最好在Page_Load 中加入 Page.MaintainScrollPo ...
JS滚动条位置，顶部，底部，触发事件
效果图: <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8& ...
js 指定滚动条位置
2019独角兽企业重金招聘Python工程师标准>>> 今天在做一个会话聊天的功能,一个滚动条的问题困扰了我很久,每次发完信息或接收信息后不能自动滚动到最下面的位置... 解决方法: ...
js获取鼠标位置和滚动条位置
1相对窗口,当然是以浏览器窗口为主了,即浏览器中可见部分(即包含文档部分)的左上角为坐标原点.这是用clientX和clientY获取的. 2相对屏幕,当然是以你的显示器为主了,显示器的左上角为原点, ...
html 页面滚动时 div位置不变,js实现页面刷新滚动条位置不变
今天因为这个问题困扰了很久网上的例子都尝试没效果,后来发现一点原来是内容最外层没有div的原因 protected override bool HeaderScriptFilter(Topevery. ...
html页面下拉条位置,iframe滚动条位置控制
javascript中如可控制iframe的滚动条位置我做了一个聊天室,嵌套了两个iframe,一个name叫mainframe,用来显示聊滚动条始终在最下端: window.οnlοad=func ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...

js实现textarea滚动条位置始终在最下方

js实现textarea滚动条位置始终在最下方相关推荐

最新文章

热门文章