固定元件后溢出的粘性元件容器

时间:2019-09-16 03:14:19

标签: jquery html css

我的HTML具有以下原型:

  • 包装容器
    • my-fixed-el
    • my-scrollable-el
      • div .main-content
      • div .details
        • h4元素
      • div .details
        • h4元素

这是我最初拥有的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-elposition:sticky并没有任何作用。是否由于上面固定的div而发生?还是由于溢出属性?

请注意,为我的h4元素设置top:350px对我来说不起作用,因为我希望具有粘性标头行为:当第二个h4元素向下滚动时,将第一个粘性h4元素推到顶部。

0 个答案:

没有答案