移动h5开发中遇到的问题

1、输入框触发输入法后,完成输入,页面不回弹,这在ios手机上很常见,解决办法是,在输入法失去焦点是,上让页面抖动一下,网上很多的解决办法,具体就不说了,(时机可以自己把握,只要是完成输入法,就可以让页面抖动一下);

2、ios上,当用absolute将底部栏定位到底部时,向上拖动页面,底部栏会跟着网上被拖动,解决办法是,用固定定位,将底部栏定位到底部

3、ios上,当页面中有滚动元素时,并且有固定定位的元素,手指从固定定位的元素,滑动到滚动元素上,导致滚动元素失灵,这样的问题,可以将鼎城元素用固定定位,就可以解决这个问题。

  补充:必须要等整个页面停稳了才能滚动区域,影响到体验。这应该是ios系统自带的缓动效果,当用户拖动页面元素时给了一个回弹吸顶的效果,显得更加柔和,但有时候我们是不需要的。

  问题的核心就是要组织滚动固定元素时防止整个页面脱离顶部,出现白色的背景。使用e.preventdefault()是不管用的,最终发现一个很简单的方法,就是给当前页面的顶层元素设置一个css样式:

  

.fixed{
    position: fixed;
    left: 0;
    top: 0;
  }
posted @   古墩古墩  Views(158)  Comments(0Edit  收藏  举报
编辑推荐:
· 基于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框的失去焦点事件,阻止输入法跳出
点击右上角即可分享
微信分享提示