Javascript 如何通过浏览器开发工具了解用户已到达页面末尾

浏览器开发工具是一个很棒的工具。我想知道用户是否已从浏览器控制台到达页面的末尾。当我试图使用javascript实现这一点时，它会说“未定义”

---

我们应该如何处理Ajax加载的页面？如何确定用户是否已到达AJAX加载页面的末尾？

在控制台中尝试以下代码：（来源：）

setInterval（函数（）{
总高度；
无功电流涡旋；
可见高度；
if（document.documentElement.scrollTop）{
currentScroll=document.documentElement.scrollTop；
}否则{
currentScroll=document.body.scrollTop；
}
总高度=document.body.offsetHeight；
visibleHeight=document.documentElement.clientHeight；
如果（totalHeight，请在控制台中尝试以下代码：（来源：）

setInterval（函数（）{
总高度；
无功电流涡旋；
可见高度；
if（document.documentElement.scrollTop）{
currentScroll=document.documentElement.scrollTop；
}否则{
currentScroll=document.body.scrollTop；
}
总高度=document.body.offsetHeight；
visibleHeight=document.documentElement.clientHeight；
如果（totalHeight可能重复的请发布您当前如何操作的代码示例。可能重复的请发布您当前如何操作的代码示例。您好@Tyagi，它正在工作。但是我正在尝试的页面是ajax加载页面。抱歉，我之前应该告诉您。因此，一旦加载了所有页面，是否有办法找到知道他是否已经到了结尾？我们试着用这个代码做一个函数，并在页面加载时调用它。嗨，Tyagi，我试过了。但问题是，在页面末尾加载的数据需要一些时间。所以，“页面底部”会一直打印到数据加载为止。有没有其他方法可以解决这个问题？Hi@Tyagi，它正在工作。但是我正在尝试的页面是ajax加载的页面。对不起，我以前应该告诉过你。所以，一旦所有页面加载完毕，有没有办法确定他是否已经到达了结尾？我们试着用这个代码做一个函数，并在页面加载时调用它。嗨，Tyagi，我试过了。但问题是，在页面末尾加载的数据占用了一些时间我。所以，“页面底部”会一直打印到数据加载为止。还有其他方法可以解决吗？
setInterval(function(){
  var totalHeight;
  var currentScroll;
  var visibleHeight;

  if(document.documentElement.scrollTop){ 
      currentScroll = document.documentElement.scrollTop; 
  }else{ 
      currentScroll = document.body.scrollTop; 
  }

  totalHeight = document.body.offsetHeight;
  visibleHeight = document.documentElement.clientHeight;      

  if (totalHeight <= currentScroll + visibleHeight ){
    console.log('bottom of page');
  } 
 }, 1000);