知识点：整个div而言如果判断滚动条滚动到底部

Posted 2020-10-04

上篇文章解决的是整个document如果判断滚动条滚动到底部，那么对于文档中的div如果判断div元素滚动条滚动到底部呢？

针对这个问题，结合上文的思路，作者做了测试，经过几轮代码修正和迭代解决了这个问题。

代码如下：

<div id="outer">
<div id="inner">
90908080
</div>
</div>
<script type="text/javascript">
var ele=document.getElementById(‘outer‘);
var iele=document.getElementById(‘inner‘);
ele.onscroll=function(){
//外部div的高度
var iscrollHeight=this.offsetHeight;
//在Y轴上的高度
var yscrollTop=this.scrollTop;
//内部div的高度
var oscrollHeight=iele.offsetHeight;
if (iscrollHeight+yscrollTop>=oscrollHeight) {
alert("滚动到底部");
}
}
</script>