1

我有一个 Jquery 对话框。在对话框中,我有一个带有“保存按钮”的 DIV。此 DIV 可以有多个按钮或下拉菜单,具体取决于场景。所以它实际上是一个TOP Options Div。

图片在这里:

在此处输入图像描述

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

关于如何执行此操作的任何线索?

非常感谢。

4

2 回答 2

1

我建议您将对话框的其余内容放入一个 div 中,在该 div 中应用一个固定高度和一个 overflow-y: 滚动属性。

height : 250px
overflow-y: scroll

所以事实上,当顶部 div 保持固定时,您将上下滚动的不是整个对话框,而是第二个 div 内容,而顶部 div 只是停留在其位置。

示例:具有固定顶部和滚动内容的对话框

于 2013-06-06T13:15:08.513 回答
0

这是一种方法:

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

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

从那里,您只需使按钮窗格的位置也固定,并为其提供适当的宽度,使其不会与滚动条重叠。Finagling 宽度与填充可能很冗长,所以我在脚本中作弊,只是声明 vars 来保存填充信息。

我还添加了一个元素“buttonSpacer”,它从浮动按钮窗格中获取它的高度;这为浮动内容提供了一些可以推动的东西,因此它不会最终出现在按钮窗格下方。

于 2012-08-11T03:29:14.293 回答