作者:@佑之以航
本文为作者原创,转载请注明出处:https://www.cnblogs.com/yzyh/p/7693071.html
-
需求:假设我有一个名为box的盒子,当内容撑大时会出现滚动条,每次我事件触发时,滚动条都在底部。
<div class="box">内容</div>
<script>
var el_height = $('.box').scrollHeight ===> 获得滚动条的高度
$('.box').scollTop(el_height) ===> 设置滚动条的位置,滚动到底部
</script>
-
需求:如何判断滚动条是否滑到底部?
//scrollHeight 整个滚动区域的长度
$('.box')[0].scrollHeight
//scrollTop 滚动条距离上边的距离 clientHeight 滚动条自身的长度
$('.box').scrollTop()+$('.box')[0].clientHeight
// 当整个滚动区域长度scrollHeight === scrollTop + clientHeight的值那么滚动条就已经到底了
-
需求:滚动条滚动的事件?
onscroll
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步