当前位置： 首页 > news >正文

小程序兼容问题

news 来源：原创 2024/9/28 0:14:00
【微信小程序】安卓兼容问题，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);也可以避免这个问题

相关文章：

  • 再也不用担心内容重复！在线伪原创工具，让创作更自由！
  • 9月27日，每日信息差
  • 计算机毕业设计之：微信小程序的校园闲置物品交易平台（源码+文档+讲解）
  • AI视频技术：引领影视剧拍摄的未来
  • Java网络通信—UDP
  • 【CSS】字体文本
  • Android常用C++特性之std::optional
  • 镜像电流源与其应用(防倒灌电路)
  • 双指针——数组元素目标和
  • 跑lvs出现soft connect怎么处理？
  • [Doc][ROS2]订阅发布、服务客户端区别
  • 单细胞Seruat和h5ad数据格式互换(R与python)方法学习和整理
  • UNI-SOP应用场景（1）- 纯前端预开发
  • Meta震撼发布Llama3.2大规模模型
  • Python使用最广泛的数据验证库Pydantic
  • JavaScript 如何正确处理 Unicode 编码问题！
  • 03Go 类型总结
  • avalon2.2的VM生成过程
  • Dubbo 整合 Pinpoint 做分布式服务请求跟踪
  • es6要点
  • HTTP中GET与POST的区别 99%的错误认识
  • JDK9: 集成 Jshell 和 Maven 项目.
  • jquery cookie
  • Linux Process Manage
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • Web标准制定过程
  • 从零到一：用Phaser.js写意地开发小游戏（Chapter 3 - 加载游戏资源）
  • 给初学者：JavaScript 中数组操作注意点
  • 简单数学运算程序（不定期更新）
  • 解决iview多表头动态更改列元素发生的错误
  • 解析带emoji和链接的聊天系统消息
  • 浅谈JavaScript的面向对象和它的封装、继承、多态
  • 微服务核心架构梳理
  • 由插件封装引出的一丢丢思考
  • FaaS 的简单实践
  • ​草莓熊python turtle绘图代码（玫瑰花版）附源代码
  • ​一、什么是射频识别?二、射频识别系统组成及工作原理三、射频识别系统分类四、RFID与物联网​
  • #知识分享#笔记#学习方法
  • (2/2) 为了理解 UWP 的启动流程，我从零开始创建了一个 UWP 程序
  • (20)docke容器
  • （52）只出现一次的数字III
  • （C语言）编写程序将一个4×4的数组进行顺时针旋转90度后输出。
  • (html5)在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往？ 而我的出现的是换行...
  • （PHP）设置修改 Apache 文件根目录 (Document Root)（转帖）
  • （附源码）ssm本科教学合格评估管理系统 毕业设计 180916
  • (强烈推荐)移动端音视频从零到上手（上）
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • (转)IOS中获取各种文件的目录路径的方法
  • (转)Sql Server 保留几位小数的两种做法
  • (转)四层和七层负载均衡的区别
  • .net core 连接数据库，通过数据库生成Modell
  • .NET Standard、.NET Framework 、.NET Core三者的关系与区别？
  • .NET/C#⾯试题汇总系列：集合、异常、泛型、LINQ、委托、EF！（完整版）
  • .NET4.0并行计算技术基础（1）
  • .net操作Excel出错解决