JQuery Mobile可滚动列表里面的位置:固定元素? (Sencha Touch行为)

时间:2012-03-23 17:34:12

标签: jquery-mobile viewport fixed area scrollable

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

enter image description here

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

1 个答案:

答案 0 :(得分:4)

您可以使用Overthrow以及splitviewmultiview插件。

我正在开发multiview,所以是的,您可以使用此插件(仍在进行中)来设置这样的布局,这也适用于较小的平板电脑和智能手机。我最近切换到使用溢出。之前,我使用了scrollview,JQM不再支持它。

使用重元素部分,scrollview和推翻都会“陷入困境”。例如,如果我将带有多个条件的listview表单放入可滚动菜单中,则事情往往会显着减慢。然后,Overthrow再次为0.1,所以让我们看看它会发生什么。

使用任一插件,您必须调整一些插件代码以使右侧部分“fix-height”(请参阅​​多视图中的函数 backpageheight panelHeight ) 。

此外,两个插件都会修改JQM本身。我目前正试图不去篡改JQM,但这需要一段时间。

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