position:sticky
时间: 2023-11-09 08:53:26 浏览: 90
微信小程序----position:sticky
position:sticky是一种CSS定位属性,它将元素定位在父元素的滚动区域内,并在滚动到一定位置时变为固定定位。它的作用相当于relative和fixed的结合体。当修饰的目标节点在屏幕中时表现为relative,当要超出父元素滚动区域时表现为fixed。可以简单理解为在父元素滑动过程中,子元素距离其父元素的距离达到sticky定位的要求时,元素固定在适当位置。需要注意的是,sticky定位只能在最接近的具有overflow属性的父元素中使用,并且至少需要指定top、left、right、bottom中的一种属性,否则sticky定位不生效。另外,父元素的高度不能低于top(或bottom)的值。可以通过检查兼容性来确认是否支持sticky定位。
阅读全文