div滚动条始终拉到最下面

Posted 2021-01-02 wangyanei2017

之前一直使用jQuery进行操作。

最近遇到这样的需求，要求div的滚动条始终在最下面。

div的id为test；

使用$("#text").scrollTop = $("#text").scrollHeight;

来进行控制。发现不起作用。

后来根据大佬的使用原生的dom获取

 var divscll = document.getElementById(‘myby‘);
  divscll.scrollTop = divscll.scrollHeight;

发现可用。问大佬，说是两者取得的对象有差异。

后来搜文章看，发现一篇文章说的比较清楚。

附上文章链接：https://www.cnblogs.com/ningheshutong/p/6681074.html

文章的一句话解释了差异。

jquery获取的html元素是jquery对象，可以执行jquery的方法，而document获取的是dom对象，执行的是dom的方法。

大家可以细细阅读这篇文章。我这边稍作记录，方便自己下次查看。