小程序 input 在 scroll-view 中悬浮错位的原因与解决方案问题现象在一个表单填写页面中，需要填写多个字段。页面使用scroll-view实现滚动，测试时发现：滚动页面时，中间的输入框不跟随滚动，悬浮在页面上方text正常效果： 问题效果： ┌─────────────────┐ ┌─────────────────┐ │ 用户名 │ │ 用户名 │ │ [____________] │ │ [____________] │ │ │ │ │ │ 收货地址 │ 滚动后 │ 收货地址 │ │ [____________] │ ───→ │ │ │ │ │ [悬浮在这里__] │ ← 错位！ │ 联系电话 │ │ 联系电话 │ │ [____________] │ │ [____________] │ └─────────────────┘ └─────────────────┘这个问题在真机上特别明显，开发工具中可能表现正常。问题代码vuetemplate scroll-view scroll-y view view text用户名/text input v-model="form.username" placeholder="请输入用户名" / /view view text收货地址/text !-- 问题就出在这个 input -- input v-model="form.address" placeholder="请输入收货地址" / /view view text联系电话/text input v-model="form.phone" placeholder="请输入联系电话" / /view /view /scroll-view /template代码看起来没有任何问题，但在真机上滚动时 input 就会"飘"起来。原因分析：小程序原生组件的渲染机制什么是原生组件？小程序中有两类组件：类型渲染方式典型组件Web 组件WebView 渲染view、text、image、button 等原生组件原生渲染input、textarea、video、map、camera 等原生组件