学习使用jquery将div滚动条移动到最底部

原创于 2023-01-09 16:53:02 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #学习 #javascript

Html 同时被 3 个专栏收录

262 篇文章

订阅专栏

Javascript

243 篇文章

订阅专栏

Jquery

200 篇文章

订阅专栏

文章介绍了如何利用jQuery将一个具有滚动条的div元素滚动到底部的方法。通过获取div的scrollHeight属性，然后设置scrollTop为这个值，可以实现将div内容滚动到最底部。

学习使用jquery将div滚动条回到最底部

<div style="max-height: 400px;overflow-y: auto;"></div>
<script>
	// 一个元素的 scrollTop 值是这个元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量
	// scrollHeight 的值等于该元素在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度
	let obj = $("div")
	obj.scrollTop(obj.prop("scrollHeight"))
</script>