当前位置: 首页 > 工具软件 > HTML5Sticky > 使用案例 >

sticky 粘性定位使用

法池暝
2023-12-01

sticky的使用:

.box{
 position: sticky;
 top: 100px;
}

设置 position:sticky 同时给一个 (top,bottom,right,left) 之一即可

**使用条件:

  1. 父元素不能overflow:hidden或者overflow:auto属性。
  2. 必须指定top、bottom、left、right4个值之一,否则只会处于相对定位
  3. 父元素的高度不能低于sticky元素的高度
  4. sticky元素仅在其父元素内生效**

本文来源:码农网
本文链接:https://www.codercto.com/a/72935.html

 类似资料: