Javascript DOM：显示div时'；什么在视野中？

我有很多

div

元素

（例如：4000）

。因此，第一次只有第一个

div

具有

display:block

其他具有

display:none

。每个

div

都有不同的高度

<div id="maincontainer">
   <div class="child" style="height:300px;display:block;">page1</div>
   <div class="child" style="height:400px;display:none;">page2</div>
   <div class="child" style="height:200px;display:none;">page2</div>
   <div class="child" style="height:100px;display:none;">page2</div>
   <div class="child" style="height:500px;display:none;">page2</div>
   <div class="child" style="height:600px;display:none;">page2</div>
   <div class="child" style="height:500px;display:none;">page2</div>
   <div class="child" style="height:100px;display:none;">page2</div>
   <div class="child" style="height:400px;display:none;">page2</div>
</div>

第1页
第2页
第2页
第2页
第2页
第2页
第2页
第2页
第2页

---

我想做这样的事。当我向下滚动时，我想显示第二个元素（在视图中），最后一个

div元素就是这样。有人能告诉我怎么做吗？
您可以尝试向容器添加一个滚动事件，当它到达底部时，您将加载下一个元素

const element = document.querySelector('#maincontainer');

element.addEventListener('scroll', function(e) {
   if (this.scrollHeight - this.scrollTop - this.clientHeight <= 0) {
     // load next element here
   }
}

const-element=document.querySelector（“#maincainer”）；
元素。addEventListener（'scroll'，函数（e）{
如果（this.scrollHeight-this.scrollTop-this.clientHeight，您可以尝试向容器添加一个滚动事件，当它到达底部时，您将加载下一个元素

const element = document.querySelector('#maincontainer');

element.addEventListener('scroll', function(e) {
   if (this.scrollHeight - this.scrollTop - this.clientHeight <= 0) {
     // load next element here
   }
}

const-element=document.querySelector（“#maincainer”）；
元素。addEventListener（'scroll'，函数（e）{
如果（this.scrollHeight-this.scrollTop-this.clientHeight像这样的库可以帮助一个洛蒂我会检查这个…像这样的库可以帮助一个洛蒂我会检查这个…你能提供一个snipet吗？这对其他人也有帮助。更新了我的答案，这是你想要的吗？嗨@emcee22。我有一个问题。如果我在点击按钮时添加一个新的div怎么办。这在那种情况下不起作用。我怎么能做到呢？你有什么建议吗？嗨，那么你应该在卷轴里找到元素列表function@MariSelvan查看codepen链接，我已经更新了codeCan你可以提供snipet吗？这对其他人也会有帮助。更新了我的答案，这是你想要的吗？嗨@emcee22。我有一个问题。如果我在单击按钮时添加一个新的div怎么办。在这种情况下，这不起作用。我如何实现？你有什么建议吗？嗨，那么你应该得到滚动条中的元素列表function@MariSelvan查看代码笔链接，我已经更新了代码