Обнаружение мертвой прокрутки в нижней части страницы (колесико мыши, события прокрутки)

Question

Я ищу, чтобы определить, когда пользователь прокрутил страницу вниз, а затем пытается продолжить прокрутку, но там, где нет прокрутки/просмотра ,

Я создаю метрики юзабилити, где мертвая прокрутка является одной метрикой и нужна способ точно определить, когда пользователи пытаются прокручивать, но не предлагают ничего, что можно увидеть.

Мне нужно что-то, что срабатывает, когда инициируется событие мыши, но страница не прокручивается с направлением вверх/вниз.

Answer 1

Вот Exert из сценария, я использую, чтобы остановить эту страницу из анимации прокрутки, когда дно было достигнуто:

var gate = $(window), edge; 
setLength(); 

gate.resize(function() { 
    setLength(); 
}); 

function setLength() { 
    edge = $(document).height()-gate.height(); 
} 

gate.mousewheel(function(event, delta) { 

    outset = gate.scrollTop(); 
    if (delta == 1 && outset == 0) console.log('top'); 
    if (delta == -1 && outset == edge) console.log('bottom'); 
}); 

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

https://plugins.jquery.com/mousewheel/

Я предполагаю, что это будет делать то, что было задано в вопросе, - определить, может ли событие mousewheel сделать прокрутку страницы за ее пределами. Для мысленного эксперимента, хотя вы также можете быть на шаг впереди этого, но только точно, если mousewheel используется как сеттер. Страница может быть сделана так, чтобы прокручивать точное количество пикселей, когда пользователь запускает событие mouswheel. И когда цель страницы известна, вы можете проверить, попадает ли она в верхнюю или нижнюю часть страницы.

Answer 2

Добавить окна scrollTop() и высоту. Если он равен высоте документа, вы находитесь в нижней части страницы.

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() == $(document).height()) { 
     console.log("Page bottom reached!"); 
    } 
}); 

http://jsfiddle.net/1v3cakn9/1/