检测页面底部的死滚动(鼠标滚轮,滚动事件)

Question

我想要检测用户何时滚动到页面底部,然后尝试继续滚动,但没有任何东西可以滚动/查看.

我正在创建可用性指标,其中死滚动是一个指标,需要一种方法来准确地检测用户何时尝试滚动但没有提供任何剩余的内容.

当鼠标滚轮事件启动但页面不向上/向下滚动页面时,我需要触发的内容.

Answer 1

这是我用来在到达底部时停止页面动画滚动的脚本的作用：

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用作设置器时才准确。当用户触发鼠标滚轮事件时，可以使页面滚动精确数量的像素。当页面的目的地已知时，您可以检查该目的地是否在到达页面顶部或底部的范围内。