js判断div滚动条是否滚动到底部

最新推荐文章于 2023-12-20 15:00:52 发布

折纸成鸢。

最新推荐文章于 2023-12-20 15:00:52 发布

阅读量4.5k

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/qq_26679989/article/details/121984070

版权

javascript 前端 html5

javascript 专栏收录该内容

28 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript来设置div固定高度并实现内部滚动，同时提供了一个示例代码，用于监听div的滚动事件，当滚动条滚动到底部时进行特定操作。主要涉及的技术包括DOM操作、事件监听以及滚动高度计算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、设置div固定高度，并且设置为内部超出可滚动
2、获取div标签，并获取div滚动距离顶部的高度
3、获取div的高度，如果没有给div设置高度可获取视图窗口的高度
4、获取div标签滚动高度
4、通过判断div滚动条距离顶部的高度和视图窗口的高度和与div滚动高度相等，即可判断滚动条是否滚动到底部

<div id="app"></div>

//获取节点
 var scrollDiv = document.getElementById('app');
 //获取视图窗口的高度
 var windowHeight =  document.body.clientHeight;
 //绑定事件
 scrollDiv.addEventListener('scroll', function() {
		let SH = parseInt(scrollDiv.scrollTop + windowHeight);
		let H = parseInt(scrollDiv.scrollHeight);
		if(SH == H){
				//此时滚动条滚动到底部
		}
 });