是否可以在html5 IOS应用程序中创建一个需要动态高度的滚动div?
为了给我的头痛提供一点背景-我们的应用程序有3个主面板-用户可以向左或向右滑动显示第一个和第三个面板,其中包含通知/设置(就像在Facebook应用程序中一样。所有3个外板都是固定位置的。
主面板包含6个页面-它们都是绝对定位的div,通过菜单选择隐藏和显示。每个显示的div (或页面)都需要滚动,但所有内容都是动态的-所以我不能设置高度。
我已经找到了几个固定高度的解决方案-但到目前为止还没有动态高度的解决方案。
有什么建议吗?
发布于 2012-12-04 23:36:10
请参阅this Link
iScroll是一个可以帮助你很好地滚动的party lib。
它有一个滚动,但不提供高度。当添加滚动的dom元素时,我们只需要调用一个方法refresh。
发布于 2012-12-03 19:14:08
滚动Div
iOS 5+中的另一个新功能是div可以最终滚动。要制作div滚动,您只需添加以下内容(此示例具有固定的标题,但调整位置以适合您的应用程序):
.scrollable {
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
这里的诀窍是添加-webkit- overflow -滚动到您通常设置溢出的任何位置。苹果实现的缺点是,当你已经处于绝对的顶部或底部时,div不会像你希望的那样反弹。它不是跳过正在滚动的div,而是跳过整个页面,并显示浏览器的chrome。这就是你需要一个javascript修复的地方。
请尝试此example的可滚动性。
https://stackoverflow.com/questions/13681690
复制相似问题