一个浮层,固定在滚动容器内部的底部,滚动容器relative定位,浮层absolute定位,但是发现随着内容的增加,开始出现滚动条了,这个浮层定位就随着滚动条一起滚上去了
试了一下css粘性定位position:sticky
就把position:absolute 换成sticky,果然好使
但是又出现一个问题,当滚动容器的内容不满一屏时,也就是没有滚动条产生,这个浮层就自动弹上去了,
我自己给了滚动容器一个弹性布局,滚动内容的容器给他flex-grow:1,自动占满,搞定
一个浮层,固定在滚动容器内部的底部,滚动容器relative定位,浮层absolute定位,但是发现随着内容的增加,开始出现滚动条了,这个浮层定位就随着滚动条一起滚上去了
试了一下css粘性定位position:sticky
就把position:absolute 换成sticky,果然好使
但是又出现一个问题,当滚动容器的内容不满一屏时,也就是没有滚动条产生,这个浮层就自动弹上去了,
我自己给了滚动容器一个弹性布局,滚动内容的容器给他flex-grow:1,自动占满,搞定
本文标题:absolute 固定在滚动容器里面失效
本文链接:https://www.haomeiwen.com/subject/zigazhtx.html
网友评论