选项DIV内部Jquery对话框顶部固定位置

Question

我有一个Jquery对话框。在对话框中我有一个带有“保存按钮”的DIV。根据场景，此DIV可以有多个按钮或下拉列表。所以它实际上是TOP Options Div。

图片在这里：

我需要让这个DIV始终可见。现在如果对话框内容超出对话框高度，那么如果我向下滚动，我将失去我的选项div的可见性。

有关如何执行此操作的任何线索？

非常感谢。

Answer 1

我建议你将对话框内容的其余部分放入div中，你应用固定高度和overflow-y：scroll属性。

height : 250px
overflow-y: scroll

所以实际上并不是整个对话框你会在顶部div保持固定的情况下向上和向下滚动，但是第二个div内容而顶部div只是停留在它的位置。

示例：dialog with fixed top and scrolling content

Answer 2

这是一种方法：

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

假设环绕“新用户”，“关闭”，可滚动内容和按钮窗格已经位置固定。

从那里，你只需要使按钮窗格也固定，并给它适当的宽度，使它不与滚动条重叠。 Finagling width与padding可能很冗长，所以我在脚本中作弊，只是声明了vars来保存填充信息。

我还添加了一个元素“buttonSpacer”，它从浮动按钮窗格中获取它的高度;这会给浮动内容带来一些推动力，因此它不会在按钮窗格下面结束。