粘性定位是CSS3新增的功能吗？

本文共计1735个文字，预计阅读时间需要7分钟。

粘性定位是CSS3新增的定位方式，粘性定位指的是将position定位属性值设置为sticky。这种定位方式基于用户的滚动位置来定位元素，当元素滚动到特定位置时，它会粘在页面上，表现为在跨越特定值前为相对定位，之后为固定定位。语法为元素。

粘性定位是css3新增的，粘性定位指的是position定位属性值设置为sticky，表示基于用户的滚动位置来定位，元素定位表现为在跨越特定阈值前为相对定位，之后是固定定位，语法为“元素{position: sticky;}”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

粘性定位是css3新增的吗

CSS3粘性定位position sticky

一、介绍

css3中新的定位属性，本身也具有定位元素的属性

理解为相对定位position:relative + 固定定位position:fixed的混合体

position:sticky粘性定位，基于用户的滚动定位

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

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

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

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

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