Question

我正在尝试使用Jquery定位Absolute DIV，具体取决于用户点击页面的位置。

此刻此作品很棒

$('#window').css('left', jsEvent.pageX);
$('#window').css('top', jsEvent.pageY);

这将元素定位在鼠标点击屏幕的位置......

直到你向下滚动。这就是为什么我试图实现一些将从页面顶部的像素数量考虑在内的东西。我觉得这样的事情......

$('#window').css('top', jsEvent.pageY + scrollTop());

会做到这一点，不幸的是它不起作用。

任何提示？

谢谢，

添

Answer 1

这绝对适用于Firefox。因此，它应该适用于Chrome，Safari和Opera。但是IE，我并不完全确定。试一试。

$('#window').css({
    left: e.clientX
    , top: e.clientY + document.documentElement.scrollTop
});

编辑：这个新版本应该适用于大多数（如果不是全部）浏览器。

var rxp = /webkit/gi;

$('#window').css({
   left: e.clientX
   , top: e.clientY + rxp.test(window.navigator.userAgent) ? document.body.scrollTop : document.documentElement.scrollTop
});

使用jquery scrollTop定位绝对Div

1 个答案: