检查用户是否滚动到页面底部的跨浏览器方式是什么？

Question

i'm trying to load more results when user scroll to the bottom of page. i want it to be as much as possible cross browser(dose not matter if it's jquery or js) it should support ie8 at least! right now for checking if user have scrolled to the bottom of page i use this code:

var sTop = document.body.scrollTop || document.documentElement.scrollTop || window.pageYOffset || 0;
if(sTop + window.outerHeight == document.body.clientHeight)  //user scrolled to bottom of the page?

but it's not cross browser.

Answer 1

var currentBottom = $(window).scrollTop() + $(window).height();
var bodyHeight = $('body').height();
if (currentBottom >= bodyHeight) {
  console.log("Reached bottom");
}