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

Posted 2023-03-15

【中文标题】带有 Cordova 垂直滚动的 Framework7 在 iOS 上不起作用

【英文标题】：Framework7 with Cordova Vertical Scrolling Not Working on iOS

【发布时间】：2015-11-24 17:04:52

【问题描述】：

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

以前有没有其他人遇到过这种情况？非常感谢任何帮助，因为我真的很难过这个。

编辑：我认为我已将问题缩小到 .view 和 .pages 类上的溢出：隐藏 CSS 属性。如果我删除该属性页面滚动，但现在页眉和页脚没有附加到应用程序的顶部和底部。

【参考方案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>