uni-app中scroll-view内锚点跳转需用scroll-into-view绑定ref，配合scroll-y和固定高度；避免scrollTop、location.hash及document.getElementById；动态内容需$nextTick或onReady时机控制。
uni-app 中 scroll-view 内如何实现 ID 锚点跳转
uni-app 小程序环境不支持原生 document.getElementById().scrollIntoView()，也不能用 location.hash 触发页面级滚动。锚点跳转必须基于 scroll-view 组件手动控制滚动位置。
核心思路是：给目标元素设 id（实际用 ref 更可靠），用 scroll-view 的 scroll-into-view 属性绑定该 ref 值，再通过 setData 触发滚动。
-
scroll-view必须显式设置scroll-y="true"且有固定高度（如style="height: 100vh;"），否则scroll-into-view不生效 - 目标元素不能是
view的直接子级以外的嵌套层级（比如不能在block或条件渲染节点内），否则定位偏移或失效 - 推荐用
ref而非id：在目标元素上写:ref="'section-' + index"，然后在 data 中维护待滚动的scrollIntoView值
<scroll-view scroll-y="true" :scroll-into-view="scrollIntoView" style="height: 100vh;">
<view v-for="(item, i) in list" :key="i" :ref="'section-' + i">
<text>{{ item.title }}</text>
</view>
</scroll-view>
JS 中触发跳转：this.scrollIntoView = 'section-2'（注意字符串要和 ref 值完全一致）
为什么 querySelector + scrollTop 在小程序里走不通
小程序渲染层与逻辑层分离，uni.createSelectorQuery() 虽能查到节点，但返回的 top 是相对于整个页面的坐标，而 scroll-view 的 scrollTop 是其内部滚动容器的偏移量，二者单位和参考系不一致，直接赋值会严重错位。
- 即使查到了节点
boundingClientRect，也要减去scroll-view自身的scrollTop和滚动容器上边距，计算复杂且易受 padding、transform 影响 - iOS 微信开发者工具中，
scrollTop设置后可能被截断为整数，导致小距离跳转失败 - 安卓真机上部分版本存在
scrollTop异步延迟，连续调用会丢失中间状态
所以别碰 scrollTop，老实用 scroll-into-view + ref 组合。
锚点跳转时内容动态加载，scroll-into-view 失效怎么办
常见于列表分页或 tab 切换后渲染新内容，ref 还没挂载完成就执行了 this.scrollIntoView = xxx，结果滚动无反应。
- 确保在数据更新且 DOM 渲染完成后才触发：用
this.$nextTick(() => { this.scrollIntoView = 'xxx' }) - 如果内容来自接口，把
scrollIntoView赋值放在then或async/await后，而非请求发起后立即执行 - 极端情况（如首次进入页面就跳转），可在
onReady钩子中延时 100ms 再赋值，避开初始渲染竞态
不要依赖 setTimeout 猜时机，优先走 $nextTick；若仍不稳定，可加个简单重试：let tries = 0; const tryScroll = () => { if (!this.$refs['xxx'] && tries < 3) { setTimeout(tryScroll, 50); tries++; } else { this.scrollIntoView = 'xxx'; } };
tabBar 页面间跳转并锚点定位，scroll-into-view 不触发
从 A 页面（带 tabBar）跳到 B 页面（也带 tabBar）并希望 B 页面滚动到某 ID，此时 B 页面的 scroll-view 可能尚未初始化，或者 scroll-into-view 在页面未 ready 前被忽略。
- 不能在
onLoad里直接赋值scrollIntoView，应改用onReady - 跨页面传参建议用
uni.navigateTo({ url: '/pages/b/b?anchor=section-3' })，B 页面在onLoad解析参数并存入 data，onReady再执行this.$nextTick(() => this.scrollIntoView = this.anchor) - 避免在 tabBar 页面使用
uni.switchTab后立刻跳锚点——switchTab不支持传参，需改用uni.navigateTo并隐藏 tabBar，或用全局状态（如 vuex /uni.setStorageSync）暂存锚点标识
最稳的方式是：所有锚点跳转都收敛到 onReady + $nextTick，哪怕多等一帧，也比滚动失败强。
