uni-app 中 iOS 的 position: sticky 失效是因 WebView 支持不全，需用 scroll-view + bindscroll 动态计算 top 实现跨端吸附，关键在缓存 offsetTop、节流处理及 fixed 定位。
uni-app 中 sticky 效果为什么在 iOS 上失效
直接用 position: sticky 在 uni-app 的 view 或 scroll-view 里写，iOS 端大概率不吸附——不是你代码错，是微信小程序和部分 iOS WebView 对 position: sticky 支持不完整，尤其嵌套在 scroll-view 内时会被忽略。
真正能跨端稳定工作的方案只有两个：监听滚动 + 动态设置 top；或改用 scroll-view 的 scroll-into-view 配合固定定位模拟。前者更可控，后者更适合简单 tab 切换。
- 必须给 sticky 元素父容器设
overflow: visible（默认是 hidden），否则 iOS 直接禁用 sticky - uni-app 的
scroll-view不会触发pageScroll事件，要用bindscroll并开启enable-back-to-top才能拿到 scrollTop - 别用
uni.createSelectorQuery()频繁查元素位置，性能差；改用提前缓存每个分类区块的offsetTop
如何用 scroll-view + bindscroll 实现精准吸附
核心逻辑是：滚动时比对当前 scrollTop 和每个商品分类区块顶部距离，找到“最近且上方”的那个区块，把对应 tab 设为高亮，并让 tab 容器跟随该区块顶部位置（即 top = scrollTop - offsetTop + headerHeight）。
关键点不在“吸”，而在“准”——吸附临界点必须和实际区块边界对齐，否则视觉跳变。
- 所有分类区块需加唯一
id（如category-0、category-1），用于scroll-into-view跳转和位置计算 - 首次渲染后用
this.$nextTick+uni.createSelectorQuery()批量获取各区块offsetTop，存入categoryOffsets数组 -
bindscroll回调里用Math.abs(scrollTop - offset)找最小差值，避免用<=判断导致临界抖动 - tab 容器必须用
position: fixed+top动态更新，不能依赖 sticky
uni-app 中 scroll-view 吸附 tab 的典型结构
结构必须满足“滚动容器包裹内容，tab 单独挂载在 page 根节点”，否则 fixed 定位会受父级 transform 或 overflow 影响而失效。
<template>
<view class="page">
<!-- 吸附 tab，fixed 在顶部 -->
<view class="sticky-tab" :style="{ top: stickyTop + 'px' }">
<view v-for="(item, i) in tabs" :key="i" @click="toCategory(i)">{{ item }}</view>
</view>
<!-- 滚动区域 -->
<scroll-view scroll-y @scroll="onScroll" :scroll-top="scrollTop">
<view v-for="(list, i) in categories" :key="i" :id="'category-' + i">
<view class="category-header">{{ list.title }}</view>
<view v-for="goods in list.items" :key="goods.id">...</view>
</view>
</scroll-view>
</view>
</template>注意：scroll-view 必须设 height（不能靠 flex 自适应），否则 bindscroll 可能不触发；iOS 下建议加 enhanced 属性提升滚动精度。
容易被忽略的兼容性细节
安卓和 iOS 对 scroll-view 的滚动精度处理不同：iOS 滚动事件触发频率低、数值有小数误差；安卓则可能高频触发但 scrollTop 偶尔突变。不做平滑处理，tab 就会抖或卡住。
- 加节流（如
setTimeout延迟 16ms）避免频繁计算，但别用 lodash.debounce，uni-app 里体积敏感 - 判断吸附目标时，用
Math.round(scrollTop)统一取整，再比对Math.round(offset) - 首次进入页面时，若默认展示某个分类，需手动触发一次
scrollTo并同步更新stickyTop，否则 tab 位置错位 - 横屏切换后
offsetTop缓存失效，要监听resize事件并重算（H5 端需额外处理）
吸附本身不难，难的是让每个像素都对得上——尤其是列表项高度动态、有图片懒加载、或用了 uView 等组件库时，offsetTop 获取时机稍晚一点，整个吸附就偏了。
