解决ios移动端H5页面橡皮回弹
iOS H5页面橡皮筋回弹问题解决方案:使用inobounce插件阻止页面过度滚动。安装方法:npm i inobounce -S,在页面加载时通过userAgent检测iOS设备并调用inobounce.enable()。该方法简单有效,完美解决iOS设备页面到顶/底仍可拖动的兼容性问题,不影响安卓设备正常使用。
·
问题:最近在用uniapp开发H5页面用安卓手机打开正常,ios打开页面到顶或触底仍可拖动;
解决方法:安装inobounce
打开内置终端:
npm i inobounce -S
页面引入(按需):
import inobounce from 'inobounce';
onload执行相关方法(放到最上边):
// 阻止ios橡皮回弹
let u = navigator.userAgent
if (u.indexOf('iPhone') > -1) {
inobounce.enable()
}
完美解决!
火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。
更多推荐
所有评论(0)