position: fixed 无法在特定 div 内固定，因其始终相对于视口；若祖先元素存在 transform、filter 等属性，fixed 会降级为 relative 定位；应改用 position: absolute 配合 position: relative 父容器实现容器内定位。
做不到。 position: fixed 的行为就是相对于视口（viewport），这是 CSS 规范强制定义的，无法通过任何 CSS 设置让它“只在某个 div 内 fixed”——这不是限制，是它的本质。
为什么你看到的“fixed 在容器里”其实是错觉
常见错误现象包括：
- 元素写在
<div class="scroll-container"> 里面，但滚动时它悬停在屏幕右上角，不是容器右上角 <li>父容器加了 <code>transform: scale(0.95)或filter: blur(1px)，fixed元素突然“掉进”容器里、跟着一起缩放 —— 这不是你想要的“容器内 fixed”，而是fixed退化成了absolute，参考系被劫持了 - 用
getBoundingClientRect()测位置，发现 top 值在滚动时不变，误以为“没生效” - 父容器必须显式设置
position: relative（或absolute/sticky），否则子元素的absolute会一路向上找，最终锚定到 - 父容器要有明确高度或
max-height，且设overflow-y: auto，否则滚动不会触发 - 子元素设
position: absolute，再用top/right/bottom/left定位，比如bottom: 12px; right: 12px - 注意：该子元素仍属于文档流布局逻辑，不会遮挡其他内容，也不影响父容器高度计算
根本原因：只要祖先链上存在 transform、perspective、filter（且值不为 none）、will-change: transform 等属性，就会创建新的 containing block，fixed 就会失效并降级为相对于该祖先定位。这不是 bug，是规范行为。
真正该用 position: absolute + position: relative 父容器
这是最轻量、零 JS、兼容性最好的方案，适用于“固定在容器右下角”“悬浮按钮随容器滚动”等典型场景：
示例关键 CSS：
.scroll-container {
position: relative;
max-height: 400px;
overflow-y: auto;
}
.floating-button {
position: absolute;
bottom: 12px;
right: 12px;
}
需要滚动中动态移动？用 transform: translateY() + scroll 监听
如果需求不是“固定角落”，而是“随容器滚动按比例位移”（如锚点指示器、视差提示），就必须用 JS：
- 监听父容器的
scroll事件，不是window.scroll—— 否则它会随整个页面滚，而不是容器内部 - 读取
container.scrollTop，计算偏移量后设element.style.transform = 'translateY(${y}px)' - 务必确保父容器没有
transform/perspective/filter，否则translateY的参考系会被截断 - 避免直接改
top：会触发重排，滚动卡顿；transform走合成层，性能高得多 - 加
will-change: transform或transform: translateZ(0)激活硬件加速
容易被忽略的一点：如果你把元素放在一个已带 transform 的父容器里，哪怕只是 scale(1)，translateY 的基准也会变成那个父容器，而不是滚动容器本身 —— 这种嵌套干扰极难排查。
