我有一个 Jquery 对话框。在对话框中,我有一个带有“保存按钮”的 DIV。此 DIV 可以有多个按钮或下拉菜单,具体取决于场景。所以它实际上是一个TOP Options Div。
图片在这里:
我需要让这个 DIV 始终可见。现在如果对话框内容超过对话框高度,那么如果我向下滚动,我将失去选项 div 的可见性。
关于如何执行此操作的任何线索?
非常感谢。
我建议您将对话框的其余内容放入一个 div 中,在该 div 中应用一个固定高度和一个 overflow-y: 滚动属性。
height : 250px
overflow-y: scroll
所以事实上,当顶部 div 保持固定时,您将上下滚动的不是整个对话框,而是第二个 div 内容,而顶部 div 只是停留在其位置。
这是一种方法:
http://jsfiddle.net/andromedado/Gq54S/
假设环绕“新用户”、“关闭”、可滚动内容和按钮窗格的位置已经固定。
从那里,您只需使按钮窗格的位置也固定,并为其提供适当的宽度,使其不会与滚动条重叠。Finagling 宽度与填充可能很冗长,所以我在脚本中作弊,只是声明 vars 来保存填充信息。
我还添加了一个元素“buttonSpacer”,它从浮动按钮窗格中获取它的高度;这为浮动内容提供了一些可以推动的东西,因此它不会最终出现在按钮窗格下方。