如何知道用户已经从Browser Dev工具到达了页面的末尾

Question

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

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

Answer 1

在您的控制台中尝试此代码:(来源：see the link）

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);