当前位置: 首页 > article >正文

小程序兼容问题

【微信小程序】安卓兼容问题,scroll-view上拉导致input输入框上移

引用:https://blog.csdn.net/krico233/article/details/127491690

当一个scroll-view占据全屏高度(100vh)并包含input表单时,输入框聚焦会导致光标上移但输入框本身位置不变。此问题源于高度计算错误。解决方案包括避免给scroll-view设定整屏高度或使用height: calc(100vh - 1px)来防止bug的发生。
在这里插入图片描述
解决方案
只要不给scroll-view设置整屏高度,就可以避免这个bug,或者使用height: calc(100vh - 1px);也可以避免这个问题


http://www.kler.cn/news/322838.html

相关文章:

  • OpenEuler22.03 LTS-SP1 开启SSH的X11 Forwarding,并使用Edge浏览器
  • 我们是向量数据库的领军企业,我们只招TOP人才
  • AI创作类工具系列之:芝士AI(paperzz)详细测评介绍
  • 【LLM】 TinyAgent 构建指南
  • 【CSS/HTML】CSS实现两列布局,一列固定宽度,一列宽度自适应方法
  • 软考高级:企业信息化-数据挖掘中的上卷和下钻、旋转分析
  • 一文速学-知识图谱从零开始构建实战:知识图谱的基本概念
  • PyQt5实现QLabel中的字体多种颜色闪烁效果
  • H. Sakurako‘s Test
  • 趋势外推法
  • Linux学习之路 -- 线程 -- 互斥
  • 20 基于STM32的温度、电流、电压检测proteus仿真系统(OLED、DHT11、继电器、电机)
  • [SwiftUI 开发] @dynamicCallable 与 callAsFunction:将类型实例作为函数调用
  • 虚假唤醒(Spurious Wakeup)详解:从概念到实践
  • laravel延迟队列 取消未支付超时订单订单
  • 堆排序,TopK问题|向上调整建堆|向下调整建堆(C)
  • Kafka系列之:安装使用kafka_exporter详细步骤
  • Agent智能体
  • 常见错误1:访问指针类型
  • 【Java异常】(简简单单拿捏)
  • Python(六)-拆包,交换变量名,lambda
  • vue3中使用echarts折线图初始化只显示一条数据,其余折线根据用户点击进行显示
  • 【java】前端RSA加密后端解密
  • 外贸电商系统卷轴模式开发:技术深度解析与实践
  • 联宇集团:如何利用CRM实现客户管理精细化与业务流程高效协同
  • 解决element树形结构切换节点,form表单缓存问题
  • 如何解决跨域请求中的 CORS 错误
  • 前端大模型入门:使用Transformers.js实现纯网页版RAG(一)
  • mobaxterm、vscode通过跳板机连接服务器
  • cocosCreator 2.x 原生平台不息屏