H5页面在ios上经常卡住怎么办

小菜101 小菜101 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1k累计阅读 1.1k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄10年
关注
原创 最新推荐文章于 2026-10-10 09:51:39 发布 1k 阅读 AI 写同款· GEO 优化 ›
【案例篇1】移动端H5网页在ios滑动不流畅和禁止缩放问题 ​ 最近开发小程序，有一个富文本展示页面使用的是H5网页嵌入的，当你用 overflow-y:scroll属性的时候，内容超出容器溢出滚动的效果很迟顿，特别是在IOS系统中，而且页面还会缩放。 修改meta标签即可控制页面缩放及是否缩放 ​ touch：使用具有回弹效果的滚动, 当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果，继续滚动的速度和持续的时间和滚动手势的强烈程度成正比； 阅读详情

H5页面上用了position:fixed, 在ios上滑动页面到底部，再连点几下，页面就会卡住，刚测试过
在这里插入图片描述
参考：https://segmentfault.com/q/1010000017416765

收录于
移动端

当前文章被收录于：

移动端
1 篇文章 0 人学习
订阅专栏 查看详情
标签
#ios #javascript #前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
iOS App内H5页面倒计时保持准确的解决方案 在iOS应用中，H5页面的倒计时功能是常见的交互元素之一。然而，iOS平台的后台处理机制为实现精准倒计时带来了挑战。开发者经常面临着倒计时功能在应用挂起或进入后台时不能正常工作的困境。Background Fetch是iOS提供的一种机制，允许应用定期从服务器获取更新的数据，而无需用户显式地打开应用。这个过程是由系统控制的，开发者可以设置时间间隔，告诉系统应用何时更新数据最合理。在Background Fetch期间，应用被授予短暂的运行时间，需要快速地获取并更新数据。 阅读详情

相关推荐

ESP32-S3 SPI驱动SD卡与FATFS文件系统实践

SPI（串行外设接口）是嵌入式系统中常用的同步串行通信协议，通过主从架构实现全双工通信。其工作原理基于时钟同步和数据线传输，具有接线简单、占用引脚少的优势。在存储扩展场景中，SPI模式可驱动SD卡实现大容量数据存储，配合FATFS文件系统可提供标准化的文件管理能力。ESP32-S3作为乐鑫推出的高性能Wi-Fi/蓝牙双模芯片，其SPI外设支持高达80MHz时钟频率，结合ESP-IDF提供的sdspi_host驱动，开发者能快速实现SD卡存储方案。该技术广泛应用于物联网设备日志存储、传感器数据采集等场景，本实

weixin_29168393的博客 357

关于H5 web页面在ios端滑动卡顿问题

原因1：html,body{ height: 100%; }删除上述代码即可。 (亲测)其他原因：*{ -webkit-overflow-scrolling: touch; }增加上述代码。（未测） 转载http://blog.youkuaiyun.com/itzhongzi/article/details/76202740

Provenr的博客 5258

WinIDEA基于IC5000烧录代码和调试教程

winIDEA就是ic5000用来烧录代码和调试代码的上位机，本文旨在介绍其如何去烧录代码并且调试

m0_56208280的博客 4163

Web页面经常无响应前端如何定位与优化

在日常工作中，不断探索新的技术和方法，勇于尝试创新的设计理念，才能在这个快速发展的领域中保持竞争力。虚拟DOM通过对比前后两次的状态差异，仅对发生变化的部分进行实际的DOM操作，大大减少了不必要的重排和重绘。通过有效的定位和优化，可以显著提升Web应用的性能和稳定性，改善用户体验，提高用户满意度和忠诚度。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。通过Performance面板，可以录制页面加载和交互过程中的性能数据，分析各个阶段的时间消耗。

一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！ 1876

单路径微分相除和微分自乘相减算法（PGC-SDD-DSM）

PGC-SDD-DSM算法通过融合单路微分相除和差分自乘，解决了传统PGC解调技术对调制深度和光强干扰敏感的问题，显著提升了解调稳定性和抗失真能力。其高信噪比、低谐波失真以及对参数变化的鲁棒性，使其在光纤传感领域具有重要应用价值。PGC-SDD-DSM算法在计算复杂度方面具有显著的优势，主要体现在其高稳定性和低谐波失真上。这些优势使其在光纤光学干涉传感器中表现出色，尤其是在面对光强干扰和调制深度变化时。

百态·数智思维 | 聚焦大数据、量化与未来AI 842

VINS-Fusion实战：从零搭建无人机视觉SLAM系统（附ROS配置全流程）

本文详细介绍了如何从零开始为无人机搭建基于VINS-Fusion的视觉SLAM系统。内容涵盖硬件选型（重点推荐双目相机与IMU搭配）、ROS环境配置、传感器标定、核心参数调优以及实际飞行测试与问题排解全流程，旨在帮助开发者实现稳定、精确的无人机自主定位与导航。

wasm7browser的博客 214

html让页面卡住,网页假死 网页总是假死，失去响应怎么办

c++,static_cast一般是 浏览器假死 浏览器假死可能有以下原因：打印网页内容，浏览器假死，如何解决？网络打印机，打word可以，但打印网页表格时，点击打印按钮，页面就无反在I浏览器图标上右键internet属性，弹出属性对话框 分别点击“删除cookies”和“删除文件”按确定了~ 浏览器——工具——选项——安全 设置中低或者默认。请下载Win清理助手和360急救箱扫描一下系统(首先排...

weixin_29053695的博客 2218

ADRV9026初始化避坑指南：手把手调试PostMcsInit常见故障

本文详细解析了ADRV9026多片同步初始化过程中的PostMcsInit常见故障，包括时钟校准失败、JESD链路建立问题和ARM核通信异常等。通过实际项目经验，提供了硬件检查清单、软件配置要点和分层诊断方法，帮助工程师快速定位和解决问题，提升系统稳定性。

hadoop5ranger的博客 620

H5：加载原理，慢加载和卡顿原因分析，

前端H5工作原理： 请求和显示原理 H5页面卡顿原因分析： 　　1.动画太多：渲染重绘占用GPU 　　2.页面操作导致重绘频繁 　　3.页面元素复杂：资源类标签太多（图像/视频/dom树太长） 　　4.内置webview性能太差 　　5.和3类似，iOS出现的，和native交互是，创建嵌套iFrame 　　解决办法：按照对应原因解决即可 H5加载太慢问题分析： ...

weixin_30677073的博客 3214

知识图谱初步学习（一）——本体+Protege新手学习

文章目录前言（本体详解）1.本体概念2.本体分类3.本体组成4.本体构建方法一、protege简介二、软件使用步骤1.安装2.使用三、问题解决方案汇总 前言（本体详解） 在开始学习知识图谱的过程中，首先就是要了解什么是本体（ontology）。 1.本体概念 本体的概念最初源自于哲学领域，在哲学中的定义为“对世界上客观事物的系统描述，即存在论”。哲学中的本体关心的是客观现实的抽象本质。而在计算机领域，本体是可以在语义的层次上来对知识进行描述，可以看做是某一个领域知识的通用模型。 本体是从客观世界中抽象出来

qq_43654669的博客 3万+

森林冰火人html源码,森林冰火人单人版(源码)

【实例简介】java小游戏——森林冰火人，单人游戏， 实现人物行走，跳跃，吃水晶，具有计时功能，积分功能，倒计时结束游戏失败。【实例截图】【核心代码】森林冰火人单人版├── bin│ ├── game│ │ ├── Help.class│ │ ├── Logon.class│ │ ├── Main.class│ │ ├── Mykey.class│ │ ...

weixin_42507981的博客 6201

window 怎么调试ios h5页面_h5页面在不同ios设备上的问题总结

作者 | 啦粑吧小魔仙来源 | https://juejin.im/post/5c77b7dbe51d451d4763355d最近在写嵌入到小程序webview的一个h5页面，是一个文章评论的功能，这个过程中，遇到很多兼容性的问题，在不同机型上的表现也很不一致，所以总结了以下这些问题，记录下来，以便以后查看1、日期问题对于yyyy-mm-dd hh:mm:ss 这种格式在ios系统不识别...

weixin_34205814的博客 1041

Xilinx系ZYNQ学习笔记（一）Vivado使用说明

vivado使用学习

贾saisai的博客 1876

H5页面评论功能兼容性问题总结

摘要：本文总结了iOS开发中常见的5个问题及解决方案：1)日期格式化问题，建议将"-"替换为"/"；2)键盘收起页面卡顿，推荐使用touchstart替代click事件；3)键盘收回底部留白，通过延迟滚动修复；4)fixed定位失效导致光标偏移，改用特定CSS布局；5)键盘遮挡输入框，建议采用flex布局替代fixed。这些问题主要涉及日期处理、键盘交互和页面布局，特别针对iOS12和微信webview环境提供了有效解决方案。（149字）

油墨香^-^的博客 605

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

h5 nan_h5页面在不同iOS设备上的问题总结

作者：啦粑吧小魔仙链接：https://juejin.im/post/5c77b7dbe51d451d4763355d最近在写嵌入到小程序webview的一个h5页面，是一个文章评论的功能，这个过程中，遇到很多兼容性的问题，在不同机型上的表现也很不一致，所以总结了以下这些问题，记录下来，以便以后查看1、日期问题对于yyyy-mm-dd hh:mm:ss 这种格式在ios系统不识别时间格式...

weixin_39763293的博客 216

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

记录一次ios下fixed区域中滚动内容滑动到底部/顶部后不可滑动的问题修复

如题，ios多机型，h5的页面制作的一个展示列表，外部采用fixed布局固定显示了表头筛选项的一些东西，然后中间是内容可滚动区，如下图，然后ios的机型会出现的问题就是，滚动到顶部或者底部再用力划一下的话（等到内部滚动区域滚动条消失），滚动就会被卡住，滚不动了 ...

u012439689的博客 3527

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

ios H5页面滚动适配问题

1.取消页面整体回弹效果；问题：滑动时候会卡主不动，短暂静止后或者点击屏幕后可以继续滑动。但并未解决我的问题，我的是框架页面嵌套过多，导致的多层滚动嵌套。可以使用document.body动态开关。给body标签加上fixed就好。将展示的页面的所有父元素溢出隐藏。

CZDBGSY的博客 874

移动端H5页面遇到的问题总结

最近刚做完一个移动端的项目，产品之无敌，过程之艰辛，我就不多说了，记录下在这个项目中遇到的问题，以防万一，虽然这些可能都是已经被N多前辈解决掉了的问题，也放在这里，算是为自己漫漫前端路铺了一颗小石子儿吧，也在文末留下自己未能解决的疑问，希望看到的朋友能解惑。 　　都知道做移动端的开发，在电脑上调试好了的东西，放在手机里可能真的秒秒钟就炸了，我发誓绝对没想到炸的这么快。。。 　　1、IOS监听不

肥基姆的博客 1300

H5页面选IOS系统滑动卡动问题！

正常的H5页面在安卓 win下滑动正常，但是IOS下明显卡顿！解决方法：在主体内容的class下面加 如下：main{height:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;}解决问题！ 转载于:https://blog.51cto.com/769961/2117369...

weixin_33929309的博客 158

h5页面在不同ios设备上的问题总结

关注“重度前端”专注前端、专注全栈、输出价值助力前端深度学习━━━━最近在写嵌入到小程序webview的一个h5页面，是一个文章评论的功能，这个过程中，遇到很多兼容性的...

zz_jesse的博客 682

h5在页面滚动在ios上卡顿的问题

在需要滚动的容器上添加css属性： -webkit-overflow-scrolling:touch;

xzzfxz的博客 511

uniapp写小程序和h5，ios滑动卡顿，h5滑动卡顿

1. 一般加一个-webkit-overflow-scrolling: touch；

weixin_69666355的博客 1394

双通道16位DAC AD5689详解：内部基准、SPI控制与调试实战

精密电压输出是工业控制、自动化测试和仪器仪表中的常见需求，而DAC作为模拟输出的核心器件，其分辨率、基准源与接口配置直接影响系统精度。双通道16位DAC配合内部基准与SPI接口，可以在小封装下实现高集成度的可编程电压源。以AD5689为例，它支持0~5V满量程输出，内部集成2.5V基准，通过寄存器配置增益与同步更新，适合PCB空间受限的场景。理解16位分辨率对应的最小步进、内部基准的温漂特性以及SPI时序与LDAC同步机制，是保证输出电压精准的关键。实际工程中，电源去耦、寄存器初始化顺序和输出负载稳定性也常

weixin_34195142的博客 397

h5页面在不同iOS设备上的问题总结

作者：啦粑吧小魔仙链接：https://juejin.im/post/5c77b7dbe51d451d4763355d（点击尾部阅读原文前往）最近在写嵌入到小程序webv...

零度源码 206

h5 nan_h5页面在不同ios设备上的问题总结

最近在写嵌入到小程序webview的一个h5页面，是一个文章评论的功能，这个过程中，遇到很多兼容性的问题，在不同机型上的表现也很不一致，所以总结了以下这些问题，记录下来，以便以后查看。1、日期问题对于yyyy-mm-dd hh:mm:ss 这种格式在ios系统不识别时间格式化的时候，在浏览器端处理好好的，到了手机端，就变成NAN，或者null，这种情况，是ios系统不能转化这种类型的时间...

weixin_39752941的博客 147
上一篇： vue-element-admin中如何打断点
下一篇： Node sass 切换成Dart Sass
点赞 0
评论 0
书签 书签 0
小菜101
小菜101
博客等级 码龄10年 16粉丝 92原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值