選項DIV裏面的jQuery對話框頂部固定位置

Question

我有一個JQuery對話框。在對話框中我有一個帶有「保存按鈕」的DIV。這個DIV可以有多個按鈕或下拉菜單，具體取決於場景。所以它實際上是一個TOP選項分部。

的形象在這裏：

我需要這個div始終可見。現在如果對話框內容超出對話框高度，那麼如果向下滾動，我會失去選項div的可見性。

有關如何執行此操作的任何線索？

非常感謝。

Answer 1

這裏有一個辦法：

http://jsfiddle.net/andromedado/Gq54S/

的假設是圍繞「新用戶」那套，「接近」，滾動內容和按鈕面板已經位置予以確定。

從那裏，你只需要使按鈕窗格的位置固定，並給它適當的寬度，以便它不與滾動條重疊。 緊身寬度與填充寬度可以是冗長的，所以我欺騙了腳本，只是宣佈增值稅持有填充信息。我還添加了一個元素「buttonSpacer」，它從浮動按鈕窗格中獲取它的高度;這給浮動內容提供了一些東西，所以它不會在按鈕窗格下面結束。

Answer 2

我建議你把對話框內容的其餘部分放到一個div中，應用一個固定高度和一個overflow-y：scroll屬性。

height : 250px 
overflow-y: scroll 

所以實際上它是不是整個對話，你會向上和向下滾動，而頂格保持固定，但第二次DIV內容，而頂格只是停留在它的位置。

例如：dialog with fixed top and scrolling content