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

最新推荐文章于 2022-10-11 09:26:02 发布
最新推荐文章于 2022-10-11 09:26:02 发布
阅读量450 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css ios 滚动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/web_xiaolei/article/details/102741511
在iOS混合开发中，遇到一个全是图片的页面在app内不滚动的问题，该问题在浏览器和安卓系统中正常。通过调整CSS属性，如移除height:100%和overflow-y:auto，或设置min-height解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

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

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

【HarmonyOS NEXT应用开发】案例140：基于RN框架实现高性能瀑布流页面
xzs51job的专栏
09-08 860
本案例针对瀑布流页面场景，基于@react-native-oh-tpl/flash-list、axios等框架，实现了一个高性能的瀑布流页面，该案例提供了关键的开发步骤，旨在帮助开发者高效开发出高性能的瀑布流页面。详情请查看。名称版本号0.72.270.0.26rnoh5.0.0.302及以上5.0.0.302及以上页面：页面渲染最大数≤300页面组件嵌套层数≤30。
【3分钟准备前端面试】Hybrid
最新发布
江拥羡橙的博客
04-14 186
全面覆盖Hybrid开发的核心技术要点与高级实践策略。建议结合具体业务场景理解技术选型，通过性能分析工具进行量化优化。掌握Hybrid技术体系将助力开发者构建高性能、高可用的跨平台应用。
Android给scrollView截图超过屏幕大小形成长图
08-28
主要为大家详细介绍了Android给scrollView截图超过屏幕大小形成长图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
app页面不能滚动问题
那村那菇凉
01-03 1066
由于自己在样式里面添加了touch-action:none，导致app页面不能滚动
解决前端/uniapp一个盒子内容超出屏幕滚动不了问题
FUFCY的博客
10-11 2424
解决前端/uniapp一个盒子内容超出屏幕滚动不了问题
mui无法滚动？这里是解决办法之一
竹亦叶同的博客
04-18 2061
这里不是故意抄文档，但确实是方法 鄙人用mui,但是发现无法滚动！ 最终认真看文档解决问题！！！！ 以下是文档内容↓↓↓ 文档后有个人一点小解析 scroll(区域滚动) 在App开发中，div区域滚动的需求是普遍存在的，但系统默认实现又有如下问题： Android平台4.0以下不支持div滚动 Android平台4.0以上支持div滚动，但不显示滚动条 弹出层的div滚动在iOS平台存在事件透...
移动端禁止页面滑动
俊刚的博客
10-20 1万+
var mo=function(e){e.preventDefault();}; function stop(){         document.body.style.overflow='hidden';                 document.addEventListener("touchmove",mo,false);//禁止页面滑动 } /***取消滑动限制***/
【动态汉字滚动技术】：LED点阵屏上实现流畅滚动效果的秘诀
本文首先概述了该技术的基本概念，接着深入探讨了其理论基础，包括汉字字符编码、点阵表示、LED点阵屏的工作原理和滚动效果的理论分析。随后，文章着重分析了实现流畅滚动的核心算法，如缓冲区管理、滚动控制算法...
在线教育App和小程序模版源码功能讲解
weixin_43947457的博客
03-25 1775
讲解项目：教育培训(education-training) 模板项目 简介 本项目的一个教育培训服务APP。提供在线浏览机构信息、名师风采和课程预约订购等功能。 项目前端使用了 avm.js 多端开发技术 ，可同时编译为 Android & iOS App 以及微信小程序； 后端使用 APICloud 数据云3.0 云函数自定义接口。 技术要点 本项目在开发过程中，在“能拆就拆”的思想下，对项目进行细粒度的组件化拆解。 可以从中了解到组件拆分逻辑和一些操作技巧，对自定义组件进行巩固。 效果图 开发
开发一个安卓app-备忘录
qq_40308101的博客
08-27 9446
效果图 工程目录： AddActivity代码： package cn.fanting.notpadnew; import android.annotation.SuppressLint; import android.content.Context; import android.content.Intent; import android.support.v7.ap...
mui框架 页面无法滚动的解决方法(推荐)
08-28
下面小编就为大家分享一篇mui框架 页面无法滚动的解决方法(推荐)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
移动端固定高度内容无法滚动最重要一点!!!
Jachin的博客
09-13 1866
注意 千万不要写 overflow: hidden auto 这种样式在里面，Android 和 iOS 都是无法识别导致即使是固定高度的块，内容超出高度，无法达到预期的滚动效果。真是一个恶心的东西！ ...
MUI解决页面无法滚动的问题
qq_29407683的博客
05-14 9747
(function($){ $(".mui-scroll-wrapper").scroll({ bounce: false,//滚动条是否有弹力默认是true indicators: true, //是否显示滚动条,默认是true }); })(mui);
uni-app - ios禁止页面滑动（无法上下滚动屏幕页面）
qq_45555960的博客
02-20 4421
注意：仅 APP 平台 在 pages.json 中进行配置 有些时候，我们需要将页面固定住，让用户无法下拉与滚动页面。 全局配置 在 globalStyle 中进行配置，便是所有页面均有效。 "globalStyle": { "app-plus": {//app平台 "bounce": "none"//禁止滚动 } }, 局部配置 在该页面 style 中进行配置，仅对该页有效。 "path": "pages/login/login", "style": { "app-plus": {
mui框架 页面无法滚动解决方法
热门推荐
删库跑路
06-29 2万+
只需要初始化一下就可以了 mui.init();(function($){ $(".mui-scroll-wrapper").scroll({ //bounce: false,//滚动条是否有弹力默认是true //indicators: false, //是否显示滚动条,默认是true }); })(mui);
解决mui--actionsheet (操作表) 内容过多无法滚动的问题
xie_candy的博客
10-12 3748
参考了博客https://blog.youkuaiyun.com/qq_35310703/article/details/79056268 解决如下： 1. overflow：auto 是不生效的，需使用scroll(区域滚动)。 2. 根据scroll(区域滚动)添加mui-scroll-wrapper和mui-scroll类。 3.在js中添加mui自带的scroll方法： mu...
mui页面滚动失效的问题
zhenxing的博客
07-20 790
渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置 否则无法滚动 修改mui.min.css mui-scroll-wrapper 的overflow 改成scroll 因为overflow默认是hidden, .mui-scroll-wrapper{ position:absolute;z-index:2;top:0;bottom:0;left:0;scroll:hidden;width:100% } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值