Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Jquery对话框顶部固定位置内的选项DIV_Css_Jquery Ui_Position - Fatal编程技术网

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

Css Jquery对话框顶部固定位置内的选项DIV,css,jquery-ui,position,Css,Jquery Ui,Position,我有一个Jquery对话框。在对话框中,我有一个带有“保存按钮”的DIV。此DIV可以有多个按钮或下拉列表,具体取决于场景。所以它实际上是一个顶级的选项 图片如下: 我需要让这个DIV始终可见。现在,如果对话框内容超过了对话框高度,那么如果向下滚动,我将失去options div的可见性 有没有关于如何执行此操作的线索 非常感谢。这里有一种方法: 假设环绕“新用户”、“关闭”、可滚动内容和按钮窗格的位置已经固定 从这里开始,您只需使按钮窗格的位置固定,并为其提供适当的宽度,使其不会与滚动条重

我有一个Jquery对话框。在对话框中,我有一个带有“保存按钮”的DIV。此DIV可以有多个按钮或下拉列表,具体取决于场景。所以它实际上是一个顶级的选项

图片如下:

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

有没有关于如何执行此操作的线索

非常感谢。

这里有一种方法:

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

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

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

这里有一种方法:

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

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


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

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

height : 250px
overflow-y: scroll
所以事实上,在顶部div保持不变的情况下,你不会上下滚动整个对话框,而是在顶部div保持不变的情况下,第二个div的内容


示例:

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

height : 250px
overflow-y: scroll
所以事实上,在顶部div保持不变的情况下,你不会上下滚动整个对话框,而是在顶部div保持不变的情况下,第二个div的内容

例如: