码迷,mamicode.com
首页 > 其他好文 > 详细

每日日报

时间:2021-03-02 11:46:12      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:定位   position   相对   生效   依赖   pos   之间   Fix   意思   

sticky 定位

sticky 英文字面意思是粘,粘贴,所以可以把它称之为粘性定位。

position: sticky; 基于用户的滚动位置来定位。

粘性定位的元素是依赖于用户的滚动,在 position:relative 与 position:fixed 定位之间切换。

它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。

元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。

这个特定阈值指的是 top, right, bottom 或 left 之一,换言之,指定 top, right, bottom 或 left 四个阈值其中之一,才可使粘性定位生效。否则其行为与相对定位相同。

每日日报

标签:定位   position   相对   生效   依赖   pos   之间   Fix   意思   

原文地址:https://www.cnblogs.com/zy2481912102/p/14461229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!