位置内的JQuery Mobile可滚动列表：固定元素？ （煎茶触摸行为）

Posted 2023-02-14

【中文标题】位置内的JQuery Mobile可滚动列表：固定元素？ （煎茶触摸行为）

【英文标题】：JQuery Mobile scrollable list inside position:fixed element? (Sencha Touch behavior)

【发布时间】：2012-04-08 06:55:35

【问题描述】：

一个典型的用例是一个有两列的页面：

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

【问题讨论】：

啊很好的方式来说明问题 + 1

【参考方案1】：

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

我正在开发多视图，所以是的，您可以使用这个插件（仍在开发中）来设置这样的布局，它也可以很好地适应较小的平板电脑和智能手机。我最近切换到使用溢出。之前我用的是滚动视图，JQM 已经不支持了。

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

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

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

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

【讨论】：

感谢您的回答。但我实际上决定采用不同的技术，而不是构建 html5 应用程序。在评估了 Adob​​e Air 和 Qt 之后，我停在了 Qt 上。这些选择都不是完美的，但我不认为学习原生 UI 库是值得的投资。

同意，这仍然是一个广阔的领域。不过我坚持使用 JQM :-)