---
title: Affix 固钉
description: 在指定的范围内，将元素固定不动
isComponent: true
usage: { title: "", description: "" }
spline: navigation
---

## 基本用法

通常用来固定页面中的某些元素，让其不跟随页面滚动，他的默认悬停容器是`body`，通过`offset-top`和`offset-bottom`可设置其悬
停的位置距离顶部和底部的距离。

{{ base }}

## 设置悬停层级

默认情况下，元素悬停的层级为：500，也可通过`zIndex`来自行设置其层级。

{{ zIndex }}

## 指定挂载容器

如果只想某个元素在某个容器内部进行滚动悬停，默认的`body`容器便不能达到要求，这时候可通过设置`container`来指定悬停的容器
。

{{ container }}
