在运行时获取colorbox的顶部和左侧位置

Question

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

我在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。