Sticky定位可以让元素在滚动过程中保持在屏幕上的某个位置,这提高了页面的可读性和易用性。 Sticky定位可以和其他定位属性(如top、bottom、left、right)结合使用,从而实现更加复杂的布局效果。 实现一个高度能自动变小的吸附需求 场景:客户需要这样一个动态效果,就是网站的顶部导航栏在未触及到页面顶部时,它的高度为...
简单的说,要让sticky属性生效的条件有以下两点: 一个是元素自身在文档流中的位置 另一个是该元素的父容器的边缘 第一点上面已经讲过了,如果设置了top: 50px,那么元素在达到距离顶部50px时才会发生定位,否则并不会发生定位。 第二点则需要考虑父容器的高度情况:sticky元素在到达父容器的底部时,则不会再发生定位...