检查位于页面底部附近/位置

Question

我需要检查一个元素是否是页面底部的x像素，以动态加载新内容。目前，即使栏位于底部，scrollTop和height也不匹配。

允许使用jquery，虽然基本的javascript会更有帮助。

Answer 1

您可能需要尝试以下操作（仅在Firefox 3.5和IE 8中测试）：

function pollScrollPosition() {
   var y = (document.all) ? document.body.scrollTop : window.pageYOffset;
   var max = window.scrollMaxY || 
             (document.body.scrollHeight - document.body.clientHeight);

   if ((max - y) < 100) {
      console.log('Within the bottom 100 pixels. Do Something!');
   }
}

// Check the scroll position every 250ms
setInterval(pollScrollPosition, 250);

Firebug中的上述示例的屏幕截图：

Checking is near/at the bottom of the page http://img10.imageshack.us/img10/7767/scrolltop.jpg