scroll-view不能滚动主因是父容器未设高度或未触发BFC；必须显式设置固定高度，避免overflow:hidden/transform干扰，注意跨平台差异及@scroll事件节流问题。
scroll-view 为什么不能滚动？常见样式陷阱
直接写 scroll-view 是「非弹性滚动」，它不会自动撑开、也不响应 flex 自适应，必须显式给定可滚动区域的**固定高度**（或通过计算得出）。
常见错误写法：
— 父级用 flex: 1 但未给 body/viewport 设高度
— scroll-view 外层套了 position: absolute 却漏写了 top/bottom
— 使用 vh 单位时，iOS 微信 WebView 下视口高度会因地址栏缩放跳变，导致高度计算不准
推荐做法：
- 外层容器加
style="height: 100vh;"或用calc(100vh - 100px)扣掉导航栏 - scroll-view 自身加
style="height: 100%;"，并确保其父元素有明确 height - 避免在 scroll-view 上同时使用
overflow: hidden或transform（会禁用原生滚动）
scroll-y 和 scroll-x 在不同平台的表现差异
scroll-y 在 App（iOS/Android）、微信小程序、H5 均可用，但行为不一致：App 端支持回弹和惯性，H5 端本质是 overflow-y: auto，无回弹；小程序端滚动条默认隐藏，且无法通过 CSS 显示。
scroll-x 更危险：iOS App 中横向滚动常卡顿，H5 下若子元素用 display: inline-block 会因空格产生间隙，导致宽度计算溢出；微信小程序要求子元素必须用 white-space: nowrap + display: inline-block 或 flex 才能正确布局。
实操建议：
- 横向滚动优先用
display: flex+flex-wrap: nowrap，子项设flex-shrink: 0 - 需要监听滚动位置时，只依赖
@scroll事件，不要读取scrollTop（H5 下不可靠） - App 端如需更顺滑体验，可考虑降级为
swiper（仅限轮播类场景）
@scroll 事件拿不到实时 scrollTop？触发时机与兼容处理
@scroll 在 iOS App 和小程序中是「节流触发」，不是每像素都发；H5 下则可能因浏览器优化而合并事件。最典型现象：快速滚动后松手，detail.scrollTop 停在中间值，但实际已滚到底——这是因为事件只在滚动中触发，惯性滚动结束时不派发。
要判断是否滚动到底部，不能只看 scrollTop + height === scrollHeight，得结合 scrolltolower 事件：
<scroll-view scroll-y><view v-for="item in list">{{ item }}</view></scroll-view>
注意点：
-
@scrolltolower触发有延迟（约 50–100ms），且在 H5 下可能不触发（取决于浏览器是否真正“触底”） - 手动调用
this.$nextTick(() => this.$refs.scrollView.scrollIntoView(...))不生效，scroll-view不支持 DOM 方法 scrollTo - 需要精确控制滚动位置时，改用
scroll-top属性 +watch，但频繁赋值会卡顿
局部滚动嵌套时 content 组件被截断？z-index 和层级陷阱
当 scroll-view 内含下拉刷新、弹窗、picker 或自定义组件时，内容常被截断或点击失效。根本原因是：scroll-view 创建了新的 stacking context，其子元素的 z-index 只在该区域内生效，无法盖过同级其他组件（比如 uni-popup）。
典型表现：
— 弹窗从 scroll-view 底部向上滑出，但被上层 tabbar 盖住
— picker 在 scroll-view 内展开后，选项列表被裁剪
解决思路：
- 所有浮层类组件（popup、picker、action-sheet）必须挂载到
下，即设置append-to-body或用teleport（uni-app 3.0+ 支持） - 避免在 scroll-view 内写
position: fixed元素，它在 iOS App 中会随滚动偏移 - 如果必须嵌套滚动，外层用
scroll-view，内层改用原生（仅 H5 有效）最易被忽略的一点：scroll-view 的
enable-back-to-top属性在页面级滚动才生效，对局部区域无效——别指望它帮你做回到顶部按钮。
