Jquery 当鼠标悬停在屏幕底部时，如何显示隐藏的div？

我想做的是让页面导航按钮隐藏在页面下方，当鼠标悬停在屏幕底部三分之一处时向上滑动

我曾尝试在页面底部创建一个固定的、不可见的div，然后每当鼠标悬停在该div上时，就会出现分页。然而，有一个问题。因为div覆盖了它下面的文本，所以不能单击该div下面的链接

---

那么，还有其他方法来实现我的意图吗？也许通过jquery使用鼠标的y坐标，而不是在页面上使用div？谢谢。

您尝试的解决方案将起作用-只需添加

pointer-events:none;

---

到固定div的css！：）

我去掉了div，而是将其放入jquery文件中

    $(window).mousemove(function(e) {

    var mouseY = e.pageY - $(window).scrollTop(); // mouse y coordinate relative to window

    if (mouseY > 500) {
        $('#pagination').show().stop().transition( {y:-80}, 500, 'snap'); // slide pagination up
    } else {
        $('#pagination').stop().transition( {y:+80}, 1000, 'snap'); // slide pagination down
    }

});

---

注意：我用于转换

是的。你回答了你自己。你说得对，我猜出来了：）嗯。。当我这样做时，导航不再出现了？