移动h5开发中遇到的问题
1、输入框触发输入法后,完成输入,页面不回弹,这在ios手机上很常见,解决办法是,在输入法失去焦点是,上让页面抖动一下,网上很多的解决办法,具体就不说了,(时机可以自己把握,只要是完成输入法,就可以让页面抖动一下);
2、ios上,当用absolute将底部栏定位到底部时,向上拖动页面,底部栏会跟着网上被拖动,解决办法是,用固定定位,将底部栏定位到底部
3、ios上,当页面中有滚动元素时,并且有固定定位的元素,手指从固定定位的元素,滑动到滚动元素上,导致滚动元素失灵,这样的问题,可以将鼎城元素用固定定位,就可以解决这个问题。
补充:必须要等整个页面停稳了才能滚动区域,影响到体验。这应该是ios系统自带的缓动效果,当用户拖动页面元素时给了一个回弹吸顶的效果,显得更加柔和,但有时候我们是不需要的。
问题的核心就是要组织滚动固定元素时防止整个页面脱离顶部,出现白色的背景。使用e.preventdefault()是不管用的,最终发现一个很简单的方法,就是给当前页面的顶层元素设置一个css样式:
.fixed{ position: fixed; left: 0; top: 0; }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
2019-01-10 主动触发input框的失去焦点事件,阻止输入法跳出