要素 - スクロール

Question

の位置決めブレークは、私はカーソルの場所に添付のdiv要素を移動しています：

var div = $("<div>", { html: "I love you cursor! I will follow you to the ends" + 
          "of the viewport and back!" }).appendTo("body"); 

$(window).mousemove(function (e) 
{ 
    div.css({ top: e.pageY, left: e.pageX}); 
}); 

上記のビューポートの高さを超えていないページに正常に動作します。ページがビューポートの高さを超えると、div要素の位置付けに失敗します。 pageY/pageXプロパティはスクロール位置を考慮していないようです。

スクロール位置を考慮に入れた唯一のプロパティはlayerY/layerXですが、これはFireFox専用です。

提案がありますか？

Answer 1

$(window).scrollTop()と$(window).scrollLeft()をマウスの位置に追加できます。

Answer 2

私はこれが

細かいよろしく

NIL

を働くだろうと思い、あなたのdivの位置絶対

var div = $("<div>", { html: "I love you cursor! I will follow you to the ends" + 
         "of the viewport and back!" }).css('position','absolute').css('width','50px').appendTo("body"); 

作る 、あなたが考慮されるためにあなたのdivにいくつかのCSSを追加することができると思います