絕對位置元素未隱藏在滾動框外部

Question

在某些情況下，我需要有一個滾動條，並且需要有一個框彈出框用於多種用途，在示例中，這只是為了在photo元素上命名。 反正我能做到這一點嗎？

圖片示例： http ： //img36.imageshack.us/img36/4696/problemtn.png

它是應該如何工作的，但是我也需要自動溢出。（因此，請取消注釋，然后您會看到我的問題）：

http://jsfiddle.net/kGAPG/

Answer 1

將彈出式div設置為絕對位置，將其父級設置為相對位置設置z-index：1000; 到彈出窗口的父級的父級容器，並設置z-ndex：1001; 到彈出窗口的父級，並設置z-index：1002; 彈出。 請下次將您的代碼放在開發板上或在http://jsfiddle.net/

Answer 2

這取決於您如何布置元素。 如果您試圖在瀏覽器的滾動條上彈出工具提示窗口，則不能，您不能這樣做（afaik）。

如果您有一個帶滾動條的div並且該div包含在屏幕中間，是的，您可以這樣做。

您需要做的是在文檔的頂層創建一個div，並將其位置設置為“絕對”。 然后，使用jquery，獲取要在其旁邊彈出框的圖片元素的位置，並相應地設置頂級div的top和left樣式屬性（記住為偏移添加一些）

讓我知道您是否正在嘗試這樣做！