jquery UI对话框顶部的固定内容

jquery UI对话框顶部的固定内容,jquery,css,jquery-ui,Jquery,Css,Jquery Ui,我希望在UI对话框顶部有一个固定的div,而其余的内容应该滚动 我已经设法用位置:fixed相对于容器修复了它,但没有指定left或top,但我无法正确调整它的大小:它的宽度是相对于它的内容,而不是相对于它的父对象 除了在每次调整对话框大小时添加一个可以调整其大小的javascript之外,还有什么方法可以实现这一点吗?考虑一下: 位置:粘性 位置为的元素:粘性根据用户的滚动位置定位 粘滞元素根据滚动位置在相对和固定之间切换。它是相对定位的,直到视口中满足给定的偏移位置,然后它“固定”在适当的

我希望在UI对话框顶部有一个固定的div,而其余的内容应该滚动

我已经设法用
位置:fixed
相对于容器修复了它,但没有指定
left
top
,但我无法正确调整它的大小:它的宽度是相对于它的内容,而不是相对于它的父对象

除了在每次调整对话框大小时添加一个可以调整其大小的javascript之外,还有什么方法可以实现这一点吗?

考虑一下:

位置:粘性

位置为
的元素:粘性根据用户的滚动位置定位

粘滞元素根据滚动位置在相对和固定之间切换。它是相对定位的,直到视口中满足给定的偏移位置,然后它“固定”在适当的位置(如位置:固定)

请参阅更多:

CSS

#infoDialogMessage {
  position: relative;
}

#fixthis {
  background-color: #333;
  color: white;
  position: sticky;
  top: 0;
}

#scrollthis {
  overflow-y: auto;
}

谢谢,尝试了
sticky
属性,但没有使用
top:0
。干得好