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

Question

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

我曾尝试通过在页面底部制作一个固定的不可见的div，然后每当鼠标悬停在该div分页将出现时。但是，有一个问题。因为div覆盖了它下面的文本，所以您不能点击该div下的链接。

那么还有另一种方法来完成我的意图吗？也许使用鼠标的y坐标通过jQuery而不是在页面上使用div？谢谢。

Answer 1

我摆脱了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 
    } 

}); 

注：我用http://ricostacruz.com/jquery.transit/的过渡

Answer 2

你试图将工作的解决方案 - 只需添加

pointer-events:none; 

到固定div的CSS！ :)