javascript - Lightbox 2 在弹出窗口的位置上的逻辑是什么？

Question

Lightbox 2的逻辑是什么？关于弹出窗口的位置？

似乎在使用 Firefox 或 Chrome 时，它​​会出现在不同页面的不同位置。是否有任何设置让它在每个页面上显示在相同的高度以保持一致性？

它使用什么 CSS 或逻辑来确定定位？

Answer 1

它在不同地方以什么方式显示，你想要的行为是什么，你能给一个示例页面吗？

以下是脚本本身如何计算弹出窗口的顶部位置(lightbox v2.04，zip 下载，js/lightbox.js，第 229ff 行):

// calculate top and left offset for the lightbox 
var arrayPageScroll = document.viewport.getScrollOffsets();
var lightboxTop = arrayPageScroll[1] + (document.viewport.getHeight() / 10);
var lightboxLeft = arrayPageScroll[0];
this.lightbox.setStyle({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();

由于脚本使用 Prototype's document.viewport object ，脚本将弹出窗口定位在当前滚动位置内的 10%，如下所示:

------- page start
|
|
|
|
|
------- scroll position top
|
------- start of lightbox popup
|
|
|
|
|
|
|
|
------ scroll position bottom
|
|
|
|
------ page end