确定鼠标是否始终位于页面底部

Question

如何确定鼠标是否始终位于视口的底部？让我们假设底部是指给定页面的底部100个像素（在长滚动页面上）。

这是一个例子，检查箭头 http://discover.store.sony.com/tablet/#design/weight-distribution

Answer 1

使用您想要的尺寸创建一个空白div，使用CSS定位：absolute;它在底部并且z-index在其他元素之上，然后创建一个onHover来检测鼠标是否在那里

修改

这可以作为避免使用上面的CSS方法（未经测试）

的解决方案

$(function(){
  $.mousemove(function(e){
    var wHeight = $(window).height();
    var yMouse = e.pageY;
    if(yMouse > (wHeight - 100)) {
      // Do something
    }
  });
});

Answer 2

容易！

使用window.screen.height和document.height计算当前窗口中显示的“底部”区域的大小。

然后使用onmousemove事件计算鼠标是否踩到该区域。

Answer 3

我认为我基于Pastor Bones代码解决了自己： 你必须计算窗口滚动

var scrollT = $(window).scrollTop() + wHeight;

这样：

$(function(){
  $.mousemove(function(e){
    var wHeight = $(window).height();
    var scrollT = $(window).scrollTop() + wHeight;
    var yMouse = e.pageY;
    if(yMouse > (scrollT - 100)) {
      // Do something
    }
  });
});