当滚动窗口时，如何阻止元素命中区域移出屏幕，JavaScript / Jquery？

Question

当我滚动窗口/页面时，n.mousePositionY('.nav', 100);中由100值表示的命中区域移出页面/屏幕。是否有一种方法可以始终在屏幕上保留100个值而不管滚动...这是我正在处理的导航菜单。这是迄今为止的代码：

    //$('.nav').hide();
    var n = new Object();

    n.mousePositionY = function(className, y){
        $(window).mousemove(function(e){
            if(e.pageY < y){ $(className).fadeIn(200); }
            if(e.pageY > y){ $(className).fadeOut(200); }
        });
    }

    n.mousePositionY('.nav', 100); 

非常感谢任何帮助，谢谢

Answer 1

如果您需要一个命中区域，为什么不使用固定元素及其鼠标悬停事件？

http://jsfiddle.net/bZdaU/

<div id="hitme"></div>

#hitme {
   position: fixed;
   top: 100;
   left: 30px;
   height: 30px;
   width: 100px;
}

$('#hitme').mouseover( function() {
    console.log('mouse in hit area');
});