scroll-view 是 uni-app 中实现可靠锚点跳转的唯一可控方案，需包裹全部内容、设显式高度，并用 scroll-into-view 或 scrolltop 配合 nexttick 调用；禁用 v-if 锚点元素，注意跨平台差异。
uni-app 中用 scroll-view 实现锚点跳转最可靠
原生 page 级滚动不支持平滑锚点跳转，scroll-view 是唯一可控、可监听、可编程滚动的容器。必须把整个页面内容包在 <scroll-view scroll-y="true"></scroll-view> 里，再用 scroll-into-view 或 scrollTop 控制位置。
常见错误是直接对 <page></page> 调用 uni.pageScrollTo —— 它只在非自定义组件模式下部分生效，且无动画、不触发 scroll 事件，也不兼容 H5 的 hash 锚点行为。
-
scroll-into-view值必须是子元素的id（不能带#），且该元素需在scroll-view内部 -
scroll-view必须显式设置高度（如height: 100vh），否则无法滚动 - H5 端若想支持 URL hash（如
#section2），需手动监听location.hash并调用this.$nextTick(() => this.$refs.scrollView.scrollIntoView(...))
scroll-into-view 和 scrollTop 怎么选
scroll-into-view 更适合“跳到某个标题/区块”，自动计算偏移；scrollTop 更适合精确像素控制或配合滚动动画。
注意：两者都依赖 ref 获取 scroll-view 实例，且必须等 DOM 渲染完成后再调用（this.$nextTick 不可省）。
- 用
scroll-into-view：绑定:scroll-into-view="targetId"，改变targetId即触发滚动（响应式，但无法控制缓动） - 用
scrollTop：调用this.$refs.scrollView.scrollTo({ scrollTop: 200, duration: 300 })（仅 App 和小程序支持duration，H5 需用 CSSscroll-behavior: smooth配合scrollTop） - App 端
scrollTo方法返回 Promise，可 await；小程序端回调函数更稳定
锚点元素必须满足的 DOM 条件
不是所有带 id 的元素都能被 scroll-into-view 找到——它只认 scroll-view 直接子级或其后代中「已渲染且非 v-if 隐藏」的节点。
- 避免用
v-if控制锚点区域，改用v-show；否则首次切换时scroll-into-view会失效 - 锚点元素不能是
position: fixed或absolute且脱离文档流，否则计算位置异常 - 动态生成的列表项（如
v-for）需确保每个id唯一，且在数据更新后this.$nextTick再触发跳转 - 微信小程序中，
scroll-into-view对textarea、canvas等原生组件无效
跨平台兼容性差异要点
H5、App、微信小程序对滚动 API 的支持粒度不同，同一套逻辑容易在某端卡住。
- H5 端推荐用 CSS
scroll-behavior: smooth+ 原生element.scrollIntoView()，绕过scroll-view的限制 - App 端
scroll-view的scroll-top支持小数，但 iOS 微信小程序会四舍五入取整，导致定位偏差 1px - 支付宝小程序不支持
scroll-into-view动态响应，只能用scrollTo方法 + 手动计算位置 - 所有平台都不支持在
onLoad阶段立即跳转，必须等mounted+$nextTick后执行
