带有 Cordova 垂直滚动的 Framework7 在 iOS 上不工作

Question

我第一次在 Cordova iOS 应用程序中使用 Framework7，我真的很喜欢 UI 的外观，但我运行遇到页面将不要垂直滚动，我无法弄清楚。我试图通过将 'overflow:hidden' 替换为 'overflow:auto' 来调试代码，但这似乎无法解决问题。

之前有其他人运行参与过吗？任何帮助都将不胜感激，因为我真的被这个问题难住了。

编辑：我想我已经将问题缩小到 .view 和 .pages 类上的 overflow:hidden CSS 属性。如果我删除该属性，页面会滚动，但现在页眉和页脚不会附加到应用程序的顶部和底部。

Answer 1

我发现问题是由缺少页面内容引起的 div。我在 data-page="index 之后添加了这个 div 并且它开始滚动。

示例：

<div class="pages navbar-through toolbar-through">
    <div data-page="index" class="page">   /* this is what I was missing */
        <div class="page-content">
            /* content here */
        </div>
    </div>
</div>

带有 Cordova 垂直滚动的 Framework7 在 iOS 上不工作

Framework7 with Cordova Vertical Scrolling Not Working on iOS

css

ios

cordova

html-framework-7