我的HTML具有以下原型:
这是我最初拥有的CSS:
$ctrl.data
我希望#wrapper-container {
position: relative;
}
#my-fixed-el {
position fixed;
overflow: visible;
height: 350px;
}
#my-scrollable-el {
position: relative;
top: 350px; // it is located right after #my-fixed-el
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
}
div中的h4元素粘在.detail
容器的底部。但是,由于某种原因,我无法实现这一目标。设置.my-fixed-el
和position:sticky
并没有任何作用。是否由于上面固定的div而发生?还是由于溢出属性?
请注意,为我的h4元素设置top:350px
对我来说不起作用,因为我希望具有粘性标头行为:当第二个h4元素向下滚动时,将第一个粘性h4元素推到顶部。