如何为我的网页制作带有jqTouch的底部工具栏

Question

我正在尝试使用免费的jqTouch框架在我的网页底部制作一个像toobar的iPad。这是我试图复制的一个例子（我用google搜索的第一个随机iphone图像）。

现在，a previous StackOverflow question sorta回答了它...但我不确定如何扩展答案以包括

1. 4个左右部分（例如，朋友，登录的人（如果有的话）等。）..
2. 无论如何，将工具栏放在底部。中间内容是可滚动的。但标题和页脚应始终可见。

可以这样做吗？

Answer 1

实际上，您的链接根本不会对您有所帮助，因为在Mobile Safari中不支持position：fixed，而在Android中则完全支持。你将需要一个像iscroll这样的插件，以及一些固定的定位，它需要一大堆工作来完成所有工作。但是不要害怕，如果你不想经历自己开发的痛苦，那么人们已经为你完成了这项工作。查看DataZombies fork of jqTouch，您可以在demo中看到他有一个工作的底部工具栏（甚至徽章！）

Answer 2

要在jQTouch中包含标签栏，您需要下载jQT的更高版本而不是r109，这是其主页中的默认包。转到GitHub以获取更高版本的来源。

然后，看一下这篇文章： Fixed header in Jqtouch，以及此演示：http://demo.lvengine.net/mobileuplink。

Answer 3

我正在处理我的版本，在jQtouch上添加固定的标签栏 http://www.itabbar.com

它正在使用jQtouch，iScroll和iTabbar

这项工作与最新的jQtouch版本

此处有online demo（仅适用于桌面浏览器的Safari和Chrome）