美文网首页
absolute 固定在滚动容器里面失效

absolute 固定在滚动容器里面失效

作者: 王善良_ | 来源:发表于2020-06-09 11:25 被阅读0次

    一个浮层,固定在滚动容器内部的底部,滚动容器relative定位,浮层absolute定位,但是发现随着内容的增加,开始出现滚动条了,这个浮层定位就随着滚动条一起滚上去了

    试了一下css粘性定位position:sticky
    就把position:absolute 换成sticky,果然好使

    但是又出现一个问题,当滚动容器的内容不满一屏时,也就是没有滚动条产生,这个浮层就自动弹上去了,

    我自己给了滚动容器一个弹性布局,滚动内容的容器给他flex-grow:1,自动占满,搞定

    相关文章

      网友评论

          本文标题:absolute 固定在滚动容器里面失效

          本文链接:https://www.haomeiwen.com/subject/zigazhtx.html