返回顶部按钮必须用 position: fixed，因其脱离文档流且相对视口定位，滚动时位置恒定；absolute 受父容器限制，sticky 依赖滚动容器边界且在 ios safari 和自定义滚动区易失效。
返回顶部按钮为什么用 position: fixed 而不是 absolute 或 sticky
因为只有 fixed 能真正脱离文档流、相对于视口定位，滚动时保持位置不变。用 absolute 会随父容器偏移或消失（比如父元素 overflow: hidden），sticky 则依赖滚动容器边界，一旦页面主滚动区域不是 body（比如用了自定义滚动容器），它就失效。
常见错误现象：sticky 在 iOS Safari 上对 body 不生效；absolute 按钮在局部滚动区域里“粘不住”，一滚就不见。
-
fixed的 top/right 值始终以 viewport 为基准，最可靠 - 务必设置
z-index，否则可能被弹窗、广告位遮挡 - 避免设
bottom: 0同时又监听scroll动态显隐——iOS 键盘弹出时 viewport 高度突变，容易误判
window.onscroll 还是 IntersectionObserver 来控制显隐
用 IntersectionObserver 更轻量、不阻塞主线程，但兼容性要兜底；window.onscroll 简单直接，但高频触发易卡顿，尤其没节流时。
使用场景：如果只支持现代浏览器（Chrome 51+、Safari 12.1+），优先选 IntersectionObserver；若需兼容 IE 或老安卓 WebView，只能用 onscroll + throttle。
立即学习“Java免费学习笔记（深入）”；
-
IntersectionObserver观察一个占位<div id="trigger"></div>（放在页面底部附近），比反复读window.scrollY更省性能 - 用
onscroll时，别直接写onscroll = () => {...}，至少加setTimeout或requestAnimationFrame节流 - 注意：Safari 旧版本中
IntersectionObserver对document.body的根容器支持不稳定，建议显式传入{ root: null }
点击返回顶部的三种实现：window.scrollTo、element.scrollIntoView、CSS scroll-behavior
三者效果相似，但行为细节和兼容性差异明显。别只图代码短，得看是否需要平滑、是否要兼容 Safari 15.4 以下。
参数差异：window.scrollTo({ top: 0, behavior: 'smooth' }) 最通用；document.body.scrollIntoView({ behavior: 'smooth' }) 在部分安卓 WebView 中有偏移 bug；纯 CSS 的 scroll-behavior: smooth 设在 html 上即可，但无法动态开关，且 Safari 15.4 之前不支持 smooth 值。
- 必须设
html { scroll-behavior: smooth }才能让scrollTo生效，否则即使写了behavior: 'smooth'也退化为跳转 - 用
scrollIntoView时，如果页面有transform或filter的祖先元素，可能触发渲染层叠加，导致滚动错位 - 服务端渲染（SSR）项目中，首次加载时
document.body可能还没 ready，调用scrollIntoView会报Cannot read property 'scrollIntoView' of null
移动端适配里最容易被忽略的两个坑
一个是 iOS Safari 地址栏收放导致 window.innerHeight 变化，影响 fixed 按钮定位；另一个是微信内置浏览器禁用 scroll-behavior: smooth，但不会报错，结果就是“点了没动画”。
- 不要用
vh单位做按钮距底距离（如bottom: 2vh），iOS 地址栏显示/隐藏时vh会突变，按钮会“跳” - 微信 Android 客户端（v8.0.33 之前）完全忽略
scroll-behavior，必须降级到 JS 实现缓动动画（比如用requestAnimationFrame+scrollTop逐步减小） - 真机调试时记得关掉 “Disable cache”，否则热更新后
scroll-behavior的 CSS 可能没刷新，误以为不生效
固定定位本身很简单，但和滚动行为、视口变化、浏览器私有行为搅在一起，稍不注意就会在某个机型上突然失灵。最稳妥的做法是：用 fixed 定位 + IntersectionObserver 显隐 + scrollTo 带 behavior + 降级兜底脚本，四层都留缝，才不容易漏。
