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