3

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

为我的头痛提供一些背景知识 - 我们的应用程序有 3 个主面板 - 用户可以向左或向右滑动以显示包含通知/设置的第一个和第三个面板（如在 Facebook 应用程序中。所有 3 个外部面板都是固定位置.

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

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

有什么建议么？

4

2 回答 2

10

滚动 div

iOS 5+ 的另一个新特性是 div 终于可以滚动了。要使 div 滚动，您只需添加以下内容（此示例具有固定的标题，但调整位置以适合您的应用程序）：

.scrollable {
position: absolute;
top: 50px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}

这里的技巧是将 -webkit-overflow-scrolling 添加到您通常设置溢出的任何位置。Apple 实施的缺点是，当您已经处于绝对顶部或底部时，div 不会像您希望的那样反弹。它不会反弹正在滚动的 div，而是反弹整个页面并显示浏览器 chrome。这是您需要 javascript 修复的地方。

请尝试此示例以了解可滚动性。

于 2012-12-03T11:14:08.363 回答
0

请看这个链接

iScroll是一个派对库，有助于良好的滚动。

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

于 2012-12-04T15:36:10.113 回答