jquery-mobile - 位置 :fixed element? 内的 JQuery Mobile 可滚动列表(Sencha Touch 行为)

Question

一个典型的用例是一个包含两列的页面:



JQuery Mobile 中的标准行为是内容与页面一起滚动。是否可以使用不同的范式(具有可滚动内容的固定视口(viewport))使用 JQM 构建应用程序？

Answer 1

您可以使用 Overthrow加上 splitview或 multiview插入。

我正在开发多 View ，所以是的，您可以使用这个插件(仍在进行中)来设置这样的布局，它也很好地适应较小的平板电脑和智能手机。我最近切换到使用溢出。之前，我使用的是 ScrollView ，JQM 不再支持。

对于重元素部分， ScrollView 和覆盖都“陷入困境”。例如，如果我将具有多个条件的 ListView 表单放入可滚动菜单中，事情往往会大大减慢。再说一遍，Overthrow 是 0.1，所以让我们看看它会发生什么。

使用任一插件，您都必须调整一些插件代码以使右侧部分“固定高度”(请参阅​​多 View 中的函数 backpageheight 和 panelHeight)。

此外，这两个插件都修改了 JQM 本身。我目前正在尝试不篡改 JQM，但这需要一段时间。

如果您需要快速演示页面，请告诉我。