混合开发app内部页面长度超两屏但是无法滚动

最新推荐文章于 2022-10-11 09:26:02 发布
原创 最新推荐文章于 2022-10-11 09:26:02 发布 · 464 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #ios #滚动

在iOS混合开发中，遇到一个全是图片的页面在app内不滚动的问题，该问题在浏览器和安卓系统中正常。通过调整CSS属性，如移除height:100%和overflow-y:auto，或设置min-height解决。

混合开发过程中，有个全是图片的页面，页面内容明显有好几屏，但在ios app内部页面就是不滚动，在浏览器和安卓系统中都是正常的，浏览器中无法复现，只能猜测原因并尝试

1、把页面的height: 100%；overflow-y: auto;去掉可解决；

2、给页面加个min-height: 2668px;保证页面可滚动。

3、给展示的图片加上高度

Uniapp混合开发高阶技巧：WebView性能突破
xkxnq的专栏
09-18 1015
WebView性能突破：通过预加载、渲染优化提速。JS Bridge优化：批处理和高效格式降延迟。消息压缩协议：轻量设计减少数据量。增量更新策略：Diff算法最小化下载。
鸿蒙（设备场景适配）——折叠屏应用指南(一)
最新发布
shangkangba的博客
11-08 1629
随着终端设备形态日益多样化，应用设计需要考虑界面能否适配不同的屏幕尺寸、屏幕方向和设备类型。同时还需要保持多设备体验的连续性，改善多端独立的设计、尽可能降低开发者的工作量和维护成本。基于此 Harmony OS 为设计师提供了面向多设备的设计指导，让设计师在进行多端设计时有一套科学的方法，最大程度减少设计的工作量，保障多端设计在一定程度的一致性。同时 Harmony OS 也提供了对应的技术能力，帮助开发者快速地进行多端应用设计。
app页面不能滚动问题
那村那菇凉
01-03 1087
由于自己在样式里面添加了touch-action:none，导致app页面不能滚动
Android给scrollView截图超过屏幕大小形成长图
08-28
主要为大家详细介绍了Android给scrollView截图超过屏幕大小形成长图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
解决前端/uniapp一个盒子内容超出屏幕滚动不了问题
FUFCY的博客
10-11 2474
解决前端/uniapp一个盒子内容超出屏幕滚动不了问题
App---mui页面无法滚动问题
weixin_30835649的博客
02-18 549
问题： 页面中 <div class="mui-scroll-wrapper mui-content imm-con"> 即使加入了mui-scroll-wrapper页面无法滚动 解决方法 ：　　　　 mui.init(); (function($) { 　　$(".mui-scroll-wrapper").scroll({ 　　　　//bounce: fa...
移动端固定高度内容无法滚动最重要一点!!!
Jachin的博客
09-13 1878
注意 千万不要写 overflow: hidden auto 这种样式在里面，Android 和 iOS 都是无法识别导致即使是固定高度的块，内容超出高度，无法达到预期的滚动效果。真是一个恶心的东西！ ...
CSS自定义滚动条样式实现与uni-app应用
本文围绕“CSS自定义滚动条样式”这一主题，深入探讨了如何通过CSS代码实现跨浏览器兼容的滚动条美化方案，特别是在uni-app等混合开发框架中解决默认滚动条不美观甚至不显示的问题。该技术不仅适用于Web页面，也广泛...
打造独特应用：自定义滚动条与混合应用开发
### 打造独特应用：自定义滚动条与混合应用开发 #### 1. 自定义滚动条的创建 在创建自定义滚动条时，很多人可能倾向于聘请设计师来设计华丽的样式，但实际效果可能不尽如人意，纸上好看的图像在应用中可能显得毫无...
【动态汉字滚动技术】：LED点阵屏上实现流畅滚动效果的秘诀
本文首先概述了该技术的基本概念，接着深入探讨了其理论基础，包括汉字字符编码、点阵表示、LED点阵屏的工作原理和滚动效果的理论分析。随后，文章着重分析了实现流畅滚动的核心算法，如缓冲区管理、滚动控制算法...
关于移动端h5页面不能滑动问题的解决办法
热门推荐
qq_36167454的博客
12-02 6万+
页面不能滑动无非就是css和js两个方面的问题 有的人说如果我写很多个p标签不写任何样式看能不能滑动，如果能滑动说明是样式的原因，要是也不能滑动那就应该是js的原因，是有一定的道理的，但是先别忘了看一下你的html或body是不是加了height：100%；overflow：hidden； 1.下面分先说css的问题，主要排查overflow：hidden； 检查也有一定
webApp中防止页面出现上下滑动的方法
Firoly的博客
02-05 7240
webApp中页面的禁止滑动
uniapp overflow:scroll超出高度无法滑动
xdtz_z的博客
05-26 4765
uniapp 使用uni-popup弹出层 uniapp 不使用scroll-view时 使用overflow:scroll 超出高度无法滑动的问题 直接修改un-popup组件， 去掉uni-popup.vue第二行的@touchmove.stop.prevent=“clear”
MATLAB打包APP后运行，app内部界面切换出错问题及解决方案
桐原亮司的博客
05-27 6068
matlab app运行时界面切换出错问题及解决方案 matlab app的编写 目前，使用matlab编写基于matlab环境的app有两种方式，一种是传统的GUI功能，还有一种是The MathWorks公司在MATLAB R2016a推出的AppDesigner功能，后者使用面向对象的语法，比前者更加简洁方便。 guide编写所得文件为.m文件与.fig文件，appdesigner编写所得文件为mlapp文件。 app界面编写完成后打包 下图为GUI文件打包界面： 下图为AppDesigner文件打
uni-app 状态栏没有显示 滚动页面超出导航栏
单飞吧的博客
10-31 2145
出现以下问题是因为：状态栏存在于页面以内 解决办法，给状态栏设置定位 // 基础部件 <view class="status_bar"></view> // 样式 <style> /* 自动计算状态栏高度 */ .status_bar { height: var(--status-bar-height); width: 100%; position: fixed; top: 0; background: red;
探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug
那谁家的博客
08-28 8023
探究ios -webkit-overflow-scrolling:touch偶尔卡住或不能滑动的bug 最常见的例子就是， 在safari上，使用了-webkit-overflow-scrolling:touch之后，页面在上下边界处偶尔会卡住不动。 在safari上，点击其他区域，再在滚动区域滑动，滚动条无法滚动的bug。 通过动态添加内容撑开容器，结果根本不能滑动的bug。 在网...
vue通过 vue.mixin（混合）实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
qq_35319282的博客
11-16 2281
main.js 中编写全局混合事件，会在子组件前出发对应事件，此功能需要以下几个条件： 1.滚动页面必须为 keep-alive：true， 通过meta.keppAlive去动态加载需要缓存的组件，以后只需要在路由index.js里把false改成true /* *  核心代码 */ Vue.mixin({ data(){ return { prev_S
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值