ウィンドウがスクロールされると、要素ヒット領域が画面外に移動するのを止めるにはどうすればよいですか？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

あなたがヒット領域が必要な場合は、固定された要素とそのmouseoverイベントを使用していない理由は？

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'); 
});