元素附加到光标位置 - 上滚动

我移动连接到光标位置的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

元素附加到光标位置 - 上滚动

回答

相关问题