javascript - 在运行时获取颜色框的顶部和左侧位置

Question

一直在尝试获取顶部和左侧坐标颜色框加载的内容，但我一直得到 0 或 auto。

我在onComplete回调中执行以下操作：

var cboxLeft =  $('#cboxContent').css('left');//.position().left;
var  cboxTop =  $('#cboxContent').css('top');//.position().top;

console.log( 'cboxLeft: ' + cboxLeft + '    cboxTop: ' + cboxTop );

现在控制台给了我：cboxLeft: 0px cboxTop: 0px

我真正想要的是将自定义关闭按钮附加到 BODY。我需要它可以在 cboxLoaded* 区域之外访问并且可见。因此，一旦完成颜色框，就会尝试获取内容的位置。

Answer 1

.css()不会返回这些属性。您必须改用 .offset() 。

所以代码应该是这样的：

var cboxLeft =  $('#cboxContent').offset().left;
var  cboxTop =  $('#cboxContent').offset().top;

console.log( 'cboxLeft: ' + cboxLeft + '    cboxTop: ' + cboxTop );

注意：这给出了相对于文档的位置。如果您想要它在当前视口上的位置（浏览器窗口的当前视图），您可能需要分别减去window.scrollX和window.scrollY。