[分享]css内固定又叫什么

CSS内固定，又称为“sticky”，是CSS3新增的一种定位方式，允许元素在指定的位置“黏”着（即不脱离文档流），同时又能根据滚动条的位置而做出相应的“粘性”效果。在CSS中，我们通常使用属性来控制...

CSS内固定，又称为“sticky”，是CSS3新增的一种定位方式，允许元素在指定的位置“黏”着（即不脱离文档流），同时又能根据滚动条的位置而做出相应的“粘性”效果。

在CSS中，我们通常使用position属性来控制元素的位置，但是，它的值只有三种：static、relative、absolute、fixed。其中，fixed可以让元素固定在窗口的某个位置，但是它不会随着页面滚动而改变位置。而内固定可以解决这个问题。

position: sticky;
top: 100px; /* 当元素距离顶部100px时开始“粘” */ 

这个属性需要设置一个定位方向（top、bottom、right、left）和一个定位值（像素值或百分比），来指定元素开始“粘”的位置。当页面滚动到这个位置时，元素就会变成固定定位，保持在屏幕上，直到滚动到容器底部时，它才会继续跟随滚动像素

/* 设置内固定对多个定位方向 */
position: sticky;
top: 100px;
right: 20px; /* 特定宽度时“粘”住 */ 

此外，内固定还可以对多个定位方向进行设置，通过这种方式，可以创建更多样化的粘性效果，例如：元素在一定宽度内固定，超出部分则随滚动条一起滑动。

总的来说，CSS内固定是一种非常实用的定位属性，可以让页面在滚动时呈现更加流畅的交互效果，为开发者提供更多创造性和技巧的空间。