什麼是燈箱2的邏輯位置彈出窗口的位置？

Question

什麼是Lightbox 2的邏輯位置彈出窗口的位置？

似乎在使用Firefox或Chrome時，它會顯示在不同頁面的不同位置。是否有任何設置讓它在每個頁面的相同高度上顯示一致性？

它是用來確定定位的CSS或邏輯是什麼？

Answer 1

它以什麼方式顯示在不同的地方，你期望的行爲是什麼，你可以給一個示例頁面？

這裏是腳本本身如何計算彈出窗口的頂部位置（收藏夾V2.04，壓縮下載，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 

Answer 2

#lightbox{ 
position: absolute; 
top: 100px !important; /*I foxed it 100px from the top, you could fix it as much pixels as you wish*/ 
} 

Answer 3

你可以嘗試的Flowplayer：

http://flowplayer.org/tools/demos/index.html

您可以通過CSS文件將覆蓋圖的位置和大小設置到任意位置。

Answer 4

我知道這是一個非常古老的線索，但仍然排名前5的谷歌結果。 IE/FF給了我很好的結果，但Chrome並沒有。讓他們都一致，JS的

線231/lightbox.js

改爲

var lightboxTop = arrayPageScroll[1] + (100); 

被要求不完全是，但現在的網頁是一致的。從http://www.lokeshdhakar.com/forums/discussion/5494/fixed-display-position-problems-with-firefox-but-not-ie-on-tall-webpages/p1

Answer 5

採取

信息在線路231在lightbox.js 10調整分至100是這樣的：

document.viewport.getHeight()/100

樣品的編號：

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