Javascript 存在垂直滚动条时使用clientY时出错

每当单击id为

toolpoppopup

的跨距时，我都会尝试弹出一个div（div应该出现在这些坐标处），对于位于页面顶部的跨距，它可以正常工作。但当我向下滚动并单击跨度时，会创建div，但不是在所需的坐标处。可能有什么问题？我正在Firefox 7.0.1上试用它

$("#toolpopup").live("click", function(event) {
    var X = event.clientX;
    var Y = event.clientY;
    $("#popup").css('position', 'absolute');
    $("#popup").css("top", Y);
    $("#popup").css("left", X);
    $("#popup").css("display","block");
});

---

我不确定您是否正确理解了任务，但您可能需要将文档滚动偏移量附加到

X

和

Y

中，因为：

MDN： event.clientX

返回应用程序客户端区域内的水平坐标 事件发生的时间

在我的代码中，我得到的滚动偏移量为：

var xOffset=Math.max(document.documentElement.scrollLeft,document.body.scrollLeft);
var yOffset=Math.max(document.documentElement.scrollTop,document.body.scrollTop);

然后您可以将

X

和

Y

设置为：

$("#toolpopup").live("click", function(ev) {
    var X = ev.clientX+xOffset;
    var Y = ev.clientY+yOffset;

---

我不确定您是否正确理解了任务，但您可能需要将文档滚动偏移量附加到

X

和

Y

中，因为：

MDN： event.clientX

返回应用程序客户端区域内的水平坐标 事件发生的时间

在我的代码中，我得到的滚动偏移量为：

var xOffset=Math.max(document.documentElement.scrollLeft,document.body.scrollLeft);
var yOffset=Math.max(document.documentElement.scrollTop,document.body.scrollTop);

然后您可以将

X

和

Y

设置为：

$("#toolpopup").live("click", function(ev) {
    var X = ev.clientX+xOffset;
    var Y = ev.clientY+yOffset;