<template>
<scroll-view
class="page-view"
scroll-y
:scroll-with-animation="true"
>
<view class="box"></view>
<input class="input_box" placeholder="请输入您的手机号" type="number">
<view class="box"></view>
</scroll-view>
</template>
<script setup>
</script>
<style scoped lang="less">
.page-view {
width: 100vw;
height: 100vh;
}
.input_box {
border: 1px solid red;
}
.box {
height: 1000px
}
</style>
- 发布:2023-04-26 17:05
- 更新:2023-04-26 18:11
- 阅读:234
产品分类: uniapp/小程序
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 21H2
第三方开发者工具版本号: V1.26.1-9ac8efc
基础库版本号: 1.54.0
项目创建方式: CLI
CLI版本号: @vue/cli 5.0.8
示例代码:
操作步骤:
点击输入框后,键盘弹出会将input顶上去
点击输入框后,键盘弹出会将input顶上去
预期结果:
保持原地,不顶上去
保持原地,不顶上去
实际结果:
将输入框顶上去了
将输入框顶上去了
bug描述:
在scroll-view是使用input,在打包成快手小程序后,在真机上查看,点击input输入框,弹出键盘,input会往上移动,错位了。