position: sticky;不一样失效原因

  overflow:hidden 可以让 position: sticky;  失效;

  上网查了些资料,大多字面意思是父级元素加了overflow: hidden 让sticky; 但我回头瞅代码的时候, 不对啊, 我i这不很正常嘛, 凑 网上的解答果然不全面, 对我这种小菜鸡很不友善啊, 不过既然大多是结构问题, 我把它往上拿直到生效, 我不知道问题出在啥上了嘛, 真不错 

  最终 发现原来:overflow:hidden不止在父元素会让这个属性失效 ;在爷级元素还有祖父级元素 祖祖父都可以

  哦哦,还有一点 要是放到bootstrap里面的col类名底下,得有个div隔开他们

posted @ 2021-09-03 09:11  wangmeihao  阅读(150)  评论(0编辑  收藏  举报