css 吸顶效果 position:sticky失效问题

css 吸顶效果 position:sticky有时会不起作用


0xc1Ox T0 发布于2年前

最佳解决方案

导致position:sticky失效原因有四种:

1、top、bottom 的生效距离由最近一个overflow属性是hidden scroll auto或 overlay 的祖先元素决定。

2、父元素为overflow:hidden时,由于容器内无法滚动,所以实际上也无法生效。

3、必须指定top、bottom、left、right4个值之一,否则只会处于相对定位。

4、父元素的高度不能低于sticky元素的高度。


0xc1Ox T0 被采纳率100%
2021-03-22 11:14
打赏 0 1
页面统计
2752 访问
0 帮助
0.00 打赏

hierror 2019 © hierror.com 京ICP备13026190号-1

通知消息
  • 暂无任何消息