Проверка находится рядом/внизу страницы

Question

Мне нужно проверить, есть ли элемент в пикселях x в нижней части страницы, чтобы динамически загружать новый контент. в настоящее время scrollTop и высота не совпадают, даже если панель находится внизу.

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