元素附加到光標位置 - 上滾動

我移動連接到光標位置的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屬性不考慮滾動位置。

我發現採用scroll-position的唯一屬性是layerY/layerX，但據我所知，這些都是FireFox專用的。

有什麼建議嗎？

來源

2011-01-07 roosteronacid

您可以將$(window).scrollTop()和$(window).scrollLeft()添加到鼠標位置。

來源

2011-01-07 13:59:54 rahul

我想你可以添加一些CSS的div來考慮，讓你的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");

我認爲這將正常工作

問候

無

來源

2011-01-07 14:02:07 NiL

元素附加到光標位置 - 上滾動

回答

相關問題