移动端固定定位元素跟随滚动异常？检查 anchor-name 属性
当移动端页面中的固定定位元素没有跟随锚点元素滚动时，需要检查锚点元素是否正确设置了 anchor-name 属性。
确认锚点元素是否定义了锚点名称
要实现元素相对于锚点定位，必须先在锚点元素上使用 anchor-name 属性定义一个或多个标识符。该属性只能应用于生成主盒子的元素，包括伪元素和 UI 特性。如果未设置 anchor-name，定位元素将无法找到对应的锚点，导致位置计算失败。检查时需确认锚点元素的 CSS 中是否包含 anchor-name: --name; 这样的声明。
锚点名称必须使用连字符开头的自定义标识符，例如 --my-anchor。如果使用了无效的名称格式，浏览器将无法识别该锚点。在编写 CSS 时，确保名称符合语法规范，并且没有被其他属性覆盖。对于多个锚点名称，可以使用逗号分隔，如 anchor-name: --name1, --name2;。
验证定位元素是否正确关联了锚点名称
定位元素需要通过 position-anchor 属性将值设置为锚点元素的名称，才能与锚点建立关联。该属性通常与 position: fixed 或 absolute 一起使用，使元素成为锚点定位元素。如果 position-anchor 的值与锚点元素的 anchor-name 不匹配，关联将失败，导致元素位置无法正确计算。
在检查关联时，需确保定位元素的 position-anchor 值与锚点元素的 anchor-name 值完全一致。例如，锚点元素设置了 anchor-name: --my-anchor;，则定位元素必须设置 position-anchor: --my-anchor;。如果两者不一致，定位元素将无法相对于锚点定位，可能显示在默认位置或偏离预期。
排查锚点元素是否被隐藏或跳过
如果锚点元素被设置为 display: none 或 visibility: hidden，或者其父元素设置了 content-visibility: hidden，定位元素将无法与该锚点关联。浏览器会忽略这些隐藏的锚点，导致定位计算失败。检查时需确认锚点元素在页面中是可见的，且未被其他属性隐藏。
此外，如果锚点元素在源顺序中位于定位元素之后，且两者具有相同的锚点名称，定位元素将仅与源顺序中最后一个锚点关联。这意味着如果页面中有多个锚点使用了相同的名称，只有最后一个锚点会被定位元素引用。检查时需注意源顺序和名称的唯一性，以确保定位元素正确关联到预期的锚点。
检查定位元素是否使用了正确的定位属性
定位元素必须设置 position: fixed 或 position: absolute，才能成为锚点定位元素。如果仅设置了 position-anchor 而未设置 position 属性，元素将无法进行锚点定位。检查时需确认定位元素的 CSS 中是否包含 position: fixed; 或 position: absolute;。
定位元素的位置还需要通过 inset 属性或 position-area 属性结合 anchor() 函数来指定。例如，left: anchor(right); 表示将定位元素的左边缘与锚点的右边缘对齐。如果未设置这些位置属性，定位元素将无法显示在相对于锚点的正确位置。检查时需确保定位元素同时设置了 position 属性和位置计算属性。
资料与延伸阅读
你可以通过以下原始资料核对文中概念，并继续深入阅读。