小红书式主页滑动tab联动的核心是精准对齐、防卡顿、防跳闪，需手动计算scroll-left并防抖、v-if按需渲染swiper-item、显式设置height、用官方scroll-tabs插件解决吸顶与高亮同步问题。
scroll-view 做 Tab 栏时 scroll-left 计算不准
直接用 scroll-into-view 在动态宽度或真机渲染延迟下大概率失效，尤其 iOS 微信和安卓低端机。真正稳定的做法是手动算 scroll-left：先用 uni.createSelectorQuery() 拿到当前激活 tab 的 boundingClientRect，再减去容器宽度一半，最后加防抖。
- 务必在
onReady阶段执行尺寸查询，onLoad时 DOM 还没挂载完 - 每个 tab 项必须设
flex-shrink: 0或固定width（推荐160rpx），否则自动压缩会导致 left 偏移 - 滚动过程加
clearTimeout(this.timer)+setTimeout(() => this.scrollLeft = target, 100)，避免连续点击触发多次计算
swiper-item 内部 scroll-view 滚动卡顿或无法触底
swiper 切换后，内部 scroll-view 的 scroll-y 容易失活，表现为：拉不到底、@scrolltolower 不触发、iOS 惯性滚动消失。根本原因是 swiper-item 渲染时机滞后，且 scroll-view 初始化未完成。
小红书长文-谷歌浏览器
下载
在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。
- 给每个
swiper-item加v-if="currentIndex === index"，按需渲染，避免隐藏项干扰滚动上下文 -
scroll-view必须显式设置height（如:style="{ height: contentHeight + 'px' }"），不能只靠父容器撑开 - 安卓低端机上，
scroll-y需配合enable-flex="true"和show-scrollbar="false"降负载
Tab 吸顶 + 内容滚动高亮不同步
纯靠监听 pageScroll 或 scroll-view@scroll 算 offsetTop，误差常达 20–50px，尤其在状态栏/导航栏高度不一致的多端场景下。DCloud 官方 scroll-tabs 插件（ID 7849）封装了节流、吸顶补偿、元素锚点校准，比手写鲁棒得多。
- 插件
:offsetTop要包含状态栏高度（statusBarHeight）+ 自定义导航栏高度（如60） - 每个内容区块必须有唯一且稳定的
id或通过itemOffsetTop手动指定锚点偏移 - 慎用
clickScroll，开启后会拦截原生点击事件，若页面内有u-button等组件需额外透传 tap
swiper 双向联动时 current 更新延迟一帧
点击 tab 切换 current 后，swiper 动画结束前 @change 回调可能还没触发；反过来快速滑动 swiper，current 值有时会卡在旧值，导致 tab 样式错位。
- 在
@change回调里加setTimeout(() => { this.currentIndex = e.detail.current }, 0)，强制进微任务队列 - tab 点击事件中，赋值后立即调用
this.$nextTick(() => uni.pageScrollTo({scrollTop: 0}))，避免滚动残留影响判断 - 所有 tab 数据用
:key="item.id"，禁用v-for的索引 key，否则列表重排时 current 绑定会错乱
#ifdef MP-WEIXIN 和 #ifdef APP-PLUS 条件编译该加就得加，尤其是 scroll-with-animation 和 scroll-y 的启用策略。
