css - Jquery 对话框中的选项 DIV 顶部固定位置

标签 css jquery-ui position

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

图片在这里:

enter image description here

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

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

非常感谢。

最佳答案

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

height : 250px
overflow-y: scroll

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

示例:dialog with fixed top and scrolling content

关于css - Jquery 对话框中的选项 DIV 顶部固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11910977/

相关文章:

更改边框折叠时html,css边框消失

css - 如何在使用溢出时移动图像的 POV : hidden?

jQuery ui droppable 不触发

javascript - 如何在固定高度的 div 中垂直居中动态高度的图像?

javascript - JQuery 对话框中的 Bootstrap Pills

jQuery UI 选项卡在鼠标悬停时更改选项卡之前强制延迟

java - 如何确定用户显示的中点?

php - 悬停时将兄弟元素定位到同一底部(父元素没有固定高度)

css - 固定宽度元素的变换缩放错误

html - float div 不会将其高度更改为 100%