Element an Cursor-Position gebunden - bricht auf Scroll

Question

Positionierung ich ein div-Element mit dem Cursor Stelle angebracht bewege:

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

Die oben arbeitet auf einer Seite in Ordnung, die nicht die Höhe des Ansichtsfensters nicht überschreitet . Wenn die Seite die Ansichtsfensterhöhe überschreitet, schlägt die Positionierung des div-Elements fehl. Es scheint, dass pageY/pageX-Eigenschaften Scroll-Position nicht berücksichtigen.

Die einzigen Eigenschaften, die scroll-position berücksichtigen, sind LayerY/layerX, aber das sind, soweit ich das beurteilen kann, nur FireFox.

Irgendwelche Vorschläge?

Answer 1

Sie können $(window).scrollTop() und $(window).scrollLeft() zu den Mauspositionen hinzufügen.

Answer 2

Ich glaube, Sie einige CSS zu Ihrem div hinzufügen können, um in Betracht gezogen werden, machen Position Ihre div absolute

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"); 

Ich denke, das feine

Grüße

NiL

arbeiten