首页 > 其他分享 >ios H5页面滚动适配问题

ios H5页面滚动适配问题

时间:2024-08-30 19:24:05浏览次数:17  
标签:body parentElement dom 适配 ios H5 滑动 fixed 页面

1.取消页面整体回弹效果

给body标签加上fixed就好

可以使用document.body动态开关

body.fixed {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

2.滑动卡住问题

问题:滑动时候会卡主不动,短暂静止后或者点击屏幕后可以继续滑动

解决方案1:

https://www.cnblogs.com/xiahj/p/8036419.html

但并未解决我的问题,我的是框架页面嵌套过多,导致的多层滚动嵌套

解决方案2:

将展示的页面的所有父元素溢出隐藏

const scrollFixup = (dom)=>{
  if(dom.parentElement){
    dom.parentElement.style.overflow = 'hidden';
    scrollFixup(dom.parentElement);
  }
}

标签:body,parentElement,dom,适配,ios,H5,滑动,fixed,页面
From: https://blog.csdn.net/CZDBGSY/article/details/141724284

相关文章

  • 深入理解 C# 中的适配器模式:连接不兼容的世界
    在软件开发中,我们经常会遇到需要将两个不兼容的接口连接在一起的场景。适配器模式(AdapterPattern)作为结构型设计模式之一,提供了一种灵活的解决方案,使得不兼容的接口能够协同工作,从而提高系统的可扩展性和复用性。本文将详细介绍适配器模式的概念、适用场景,并通过一个C#......
  • 苹果 iOS / iPadOS 18 beta8和iOS / iPadOS 18.1 beta3版本更新
    苹果今日向iPhone和iPad用户推送了 iOS/iPadOS18开发者预览版Beta8 更新(内部版本号:22A5350a)和iOS/iPadOS18.1开发者预览版Beta3 更新(内部版本号:22B5034e),本次更新距离上次发布Beta/RC间隔8天。此次更新的iOS18Beta8已无限接近正式版,更新文件并未提到......
  • iOS贷超APP上架心得分享2024
    贷超APP从0到1上架苹果商店全过程。一.关于指引3.2.1-业务-其他业务模式问题-可接受*营业执照副本和政府网站的直接链接(营业执照)-我们目前的业务模式是XXX*应用程序和服务的条款和条件。-附件是XXX*如果发生争议,你的应用和服务提供什么解决机制?在这种情况下你的责......
  • iOS审核被拒Guideline 4.2 - Design - Minimum Functionality 被认为马甲包
    解决方案:UI风格修改,APP名字,代码混淆Hello,Thankyouforyourresubmission.Uponfurtherreview,weidentifiedanadditionalissuethatneedsyourattention.Seebelowformoreinformation.Ifyouhaveanyquestions,weareheretohelp.Replytothismessa......
  • 记一个题主在使用uniapp开发公众号H5的时候发现的设备类型带来的坑
    当使用navigateTo跳转时需要注意的点:跳转到的页面推荐不要加入获取微信的jssdk操作,容易失败,尤其像是获取定位wx.getLocation,这个差异体现在安卓和苹果上微信通过wx.config读取对应当前页面的链接上。安卓在使用navigateTo跳转后页面实际上是经过刷新的,获取到的页面在history路由......
  • 【图像去噪(Image Denoising)】关于【图像去噪】专栏的相关说明,包含适配人群、专栏简介
    文章目录前言适配人群专栏简介专栏亮点阅读方法定价理由品质承诺关于更新环境配置去噪概述文章目录资料汇总(持续更新中。。。)问题汇总(持续更新中。。。)前言先思考几个问题:你是否在全网苦寻【图像去噪(ImageDenoising)】的相关资料?你的目标是否是看懂【图像去噪(Image......
  • 国产化适配——人大金仓V8R6(1)
    本文主要记录kingbase安装及存储过程修改相关内容,或有错漏,请指正。原数据库:Mysql8.0.31现数据库:KingbaseESV008R006C008M001B0030onx86_64-pc-linux-gnu,compiledbygcc(GCC)4.8.520150623(RedHat4.8.5-28),64-bit一、kingbase安装1.安装前准备1.1查看系统架构......
  • iOS项目多环境配置
    iOS项目因为真机调试需要苹果开发证书,不同编译环境证书也不一样,我们遇到很多时候上线AppStore时与开发测试配置不一样,需要频繁手动修改,那么我们怎样优雅便捷的去做这个事情呢?三种常见的多环境配置方式,可以结合使用。首先清楚一个概念:Project:包含了项目所有代码,资源文件,所有信息;T......
  • Java后端分布式系统的服务监控:Zabbix与Nagios
    Java后端分布式系统的服务监控:Zabbix与Nagios大家好,我是微赚淘客返利系统3.0的小编,是个冬天不穿秋裤,天冷也要风度的程序猿!在分布式系统中,服务监控是确保系统稳定性和可靠性的重要手段。Zabbix和Nagios是两款广泛使用的开源监控系统,它们提供了网络和服务器监控的功能。服务监控......
  • iOS面试资料集合
    本文主要收集了一些iOS面试资料,包含面试课程(5门)、面试题(158题)、面试书籍(3本)。希望对大家有用。一、课程集合1、解决面试摩擦透析iOS的Runtime机制这门课程主要深入讲解iOS的Runtime机制,包括Objective-C的消息发送、动态方法解析、类和对象的内部结构等内容。通过系统地解析R......