在默认情况下，随着文本内容的不断增加，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，不管在该页面上是否存在多个相同的选择器，否则在浏览器控制台将会报错。
在默认情况下，随着文本内容的不断增加，textarea的滚动条也会不断往上方移动，这就会导致当内容超出文本可视区域...
首先获取textarea的三个高度，页面的总高度，滚动的高度，还有页面的可视高度 $("dom>div:last-...
这个问题是面试中遇到的。。。 要求 实现滚动条滚到一定高度时，导航栏固定。 思路 1.实现一个位置在页面下方的导航...
JS控制滚动条的位置： 竖向滚动条置顶： 竖向滚动条置底： 缓慢的滚动到底部
描述：利用js实现类似于css fixed定位的效果，即滚动条拖动盒子的位置相对于浏览器窗口位置不改变
通过JS代码定义滚动条高度，然后通过execute_script()执行JS代码实现滚动条操作。 案例：打开我要自...
1. ScrollView滚动条(ScrollIndicator)在圆角屏幕下方位置不正确 【最新的13版本应该已...
模拟滚动条是在禁用浏览器自带滚动条后使用html和js代码自定义实现滚动条效果 首先需要设置原有出现滚动条的元素 ...
在工作表的下方和右侧，就是工作表标签，水平滚动条和垂直滚动条的位置。 有时候可能需要将工作表界面尽可能多的来展示，...
背景：js实现滚动条一直在底部靠的是元素的scrollTop和scrollHeight来实现的，可是在React中...
本文标题：js实现textarea滚动条位置始终在最下方
本文链接：https://www.haomeiwen.com/subject/jfojectx.html
网友评论