一个浮层，固定在滚动容器内部的底部，滚动容器relative定位，浮层absolute定位，但是发现随着内容的增加，开始出现滚动条了，这个浮层定位就随着滚动条一起滚上去了
试了一下css粘性定位position：sticky
就把position:absolute 换成sticky，果然好使
但是又出现一个问题，当滚动容器的内容不满一屏时，也就是没有滚动条产生，这个浮层就自动弹上去了，
我自己给了滚动容器一个弹性布局，滚动内容的容器给他flex-grow：1，自动占满，搞定
一个浮层，固定在滚动容器内部的底部，滚动容器relative定位，浮层absolute定位，但是发现随着内容的增加，开始出现滚动条了，这个浮层定位就随着滚动条一起滚上去了
试了一下css粘性定位position：sticky
就把position:absolute 换成sticky，果然好使
但是又出现一个问题，当滚动容器的内容不满一屏时，也就是没有滚动条产生，这个浮层就自动弹上去了，
我自己给了滚动容器一个弹性布局，滚动内容的容器给他flex-grow：1，自动占满，搞定
一个浮层，固定在滚动容器内部的底部，滚动容器relative定位，浮层absolute定位，但是发现随着内容的增加...
布局：水平滚动，垂直滚动 垂直滚动： .main { position: absolute; ...
布局：水平滚动，垂直滚动 垂直滚动： .main { position: absolute; ...
固钉组件的作用是将页面元素固定在可视区域之内。 需求 固钉的基本功能就是将元素固定在页面的特定位置，即使存在滚动条...
当position: absolute;时加了overflow: auto;header及左侧菜单不跟随滚动条滚动...
写react h5，侧边弹出的有2级的导航菜单的时候，第二级的子菜单，一开始我是用绝对定位，一级菜单的每一项都给他...
定位 positon: relative(相对)、absolute(绝对)、static(无定位)、fixed(固...
固定定位是一种类似的绝对定位，但它永远相对与浏览器窗口起点，固定定位会固定在定位处，不随滚动条滚动 ie6不支持固...
使用better-scroll要使内层容器宽度大于外层容器才可以滚动，当内层容器宽度等于外层容器时，无法滚动，这时...
CSS position的值由absolute改为fixed，可以解决弹框前已经滚动个屏幕，且滚动范围大于屏幕时,...
本文标题：absolute 固定在滚动容器里面失效
本文链接：https://www.haomeiwen.com/subject/zigazhtx.html
网友评论