scroll-view 不生效主因是父容器无固定高度或 overflow: hidden 截断；需设明确 height、禁用 overflow-hidden、iOS 下加 scroll-y="true" 和 enable-flex="true"。
scroll-view 滚动区域不生效？检查 height 和 overflow-hidden
最常见的情况是：写了 overflow: hidden 截断了。
-
uni-app 的
scroll-view必须有**明确的固定高度**（比如height: 300px或height: 40vh），不能依赖内容撑开 - 父级元素如果设置了
overflow: hidden（尤其在page或view上），会直接吞掉子级的滚动能力 - 在 H5 端，若用
flex布局，记得给父容器加flex-shrink: 0，否则可能被压缩到 0 高度
滚动卡顿或白屏？避免在 scroll-view 里放复杂组件
scroll-view 是原生渲染层滚动，但里面的内容仍走 Vue 渲染流程。一旦嵌套太多动态组件、v-for 列表、图片或 watch 计算，就会触发频繁重绘，尤其在小程序端明显卡顿甚至白屏。
- 禁止在
scroll-view内使用v-for渲染长列表——改用recycle-list或分页 + 虚拟滚动方案 - 图片必须加
lazy-load，且优先用 - 避免在滚动区域内部写
watch或computed，监听滚动位置请用@scroll事件节流处理，别每帧都更新响应式数据
iOS 下滚动回弹失效或卡死？加上 enable-flex 和 scroll-y
iOS 小程序对 scroll-view 的弹性行为控制更敏感，漏掉关键属性会导致回弹消失、滑动阻塞，甚至整个页面失焦。
- 必须显式设置
scroll-y="true"（即使只纵向滚动），否则 iOS 可能禁用滚动 - 加上
enable-flex="true"，让内部 flex 布局不干扰原生滚动容器的尺寸计算 - 慎用
scroll-top动态赋值：频繁修改会触发 iOS 原生层重布局，建议只在必要时（如跳转锚点）设一次，配合scroll-into-view更稳妥
怎么让滚动区域和页面其他部分联动？别直接操作 scrollTop
想实现「滚动吸顶」「滚动进度条」「滚动加载更多」这类交互，很多人第一反应是手动改 scrollTop，但这在多端一致性上极不可靠，尤其是微信小程序里 scrollTop 不支持小数、H5 里受 CSS transform 影响。
- 统一用
@scroll事件拿detail.scrollTop，注意它返回的是整数像素值，做判断时别用===精确匹配 - 需要平滑滚动到某位置？用
this.$nextTick(() => { this.scrollTop = target })，并确保scroll-top绑定的是响应式变量 - 多个滚动区域共存时，每个必须有独立的
ref和scrollTop数据，别共用同一个变量，否则互相覆盖
真正难的不是写出来，是不同平台下滚动行为的细微差异——iOS 回弹力度、Android 滚动惯性、H5 的 touchmove 阻塞、小程序里 scroll-view 和 page 的滚动权争抢……这些没法靠一个属性解决，得靠真机反复测。
