首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在HTML5 phonegap IOS应用程序中创建滚动分区-无高度

在HTML5 phonegap IOS应用程序中创建滚动分区-无高度
EN

Stack Overflow用户
提问于 2012-12-03 18:50:20
回答 2查看 18.5K关注 0票数 3

是否可以在html5 IOS应用程序中创建一个需要动态高度的滚动div?

为了给我的头痛提供一点背景-我们的应用程序有3个主面板-用户可以向左或向右滑动显示第一个和第三个面板,其中包含通知/设置(就像在Facebook应用程序中一样。所有3个外板都是固定位置的。

主面板包含6个页面-它们都是绝对定位的div,通过菜单选择隐藏和显示。每个显示的div (或页面)都需要滚动,但所有内容都是动态的-所以我不能设置高度。

我已经找到了几个固定高度的解决方案-但到目前为止还没有动态高度的解决方案。

有什么建议吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-12-04 23:36:10

请参阅this Link

iScroll是一个可以帮助你很好地滚动的party lib。

它有一个滚动,但不提供高度。当添加滚动的dom元素时,我们只需要调用一个方法refresh。

票数 0
EN

Stack Overflow用户

发布于 2012-12-03 19:14:08

滚动Div

iOS 5+中的另一个新功能是div可以最终滚动。要制作div滚动,您只需添加以下内容(此示例具有固定的标题,但调整位置以适合您的应用程序):

代码语言:javascript
运行
复制
.scrollable {
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

这里的诀窍是添加-webkit- overflow -滚动到您通常设置溢出的任何位置。苹果实现的缺点是,当你已经处于绝对的顶部或底部时,div不会像你希望的那样反弹。它不是跳过正在滚动的div,而是跳过整个页面,并显示浏览器的chrome。这就是你需要一个javascript修复的地方。

请尝试此example的可滚动性。

票数 10
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13681690

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档