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

我认为你可以在你的div中添加一些css来考虑，让你的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");

我认为这样可以正常使用

此致

NIL

附加到游标位置的元素 - 在滚动上定位中断

2 个答案: