如何使用 jqTouch 为我的网页制作底部工具栏
我正在尝试使用免费的 jqTouch 框架在网页底部制作一个类似 iPad 的工具栏。这是我试图复制的一个例子(我在谷歌上搜索的第一个随机 iPhone 图片)。
现在,之前的 StackOverflow 问题 有点回答了..但我不知道如何扩展该答案以包括
- 4 或所以部分(例如朋友、登录的人(如果他们是)等)..
- 无论如何,将该工具栏保留在底部。中间的内容是可滚动的。但页眉和页脚应始终可见。
这可以做到吗?
I'm trying to make a iPad like toobar at the bottom of my webpage, using the free jqTouch framework. Here's an example I was trying to copy off (first random iphone image i googled for).
Now, a previous StackOverflow question sorta answers it .. but i'm not sure how to extended that answer to include
- 4 or so sections (eg. friends, person logged in (if they are), etc.)..
- Keep that toolbar at the bottom, no matter what. The middle content is scrollable. but the header and this footer should always be visible.
Can this be done?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
实际上,您的链接根本不会帮助您,因为 Mobile Safari 不支持position:fixed,并且Android 不支持position:fixed。你将需要一个像 iscroll 这样的插件,以及一些固定的定位,要得到它需要做很多工作所有人一起工作。不过,不用担心,如果您不想自己经历开发此功能的痛苦,人们已经为您完成了这项工作。请参阅 DataZombies jqTouch 的分支,您可以在 演示 他有一个工作底部工具栏(甚至还有徽章!)
Actually your link won't help you at all because position:fixed isn't supported in Mobile Safari and brokenly supported in Android. You are going to need a plugin like iscroll, and some fixed positioning, it a bunch of work to get it all working together. However fear not, if you are not interested in going through the pain of developing this yourself, people have done the work for you. See the DataZombies fork of jqTouch, and you can see that in the demo he has a working bottom toolbar (with Badges even!)
要在 jQTouch 中包含选项卡栏,您需要下载比 r109(其主页上的默认包)更高版本的 jQT。转到其 GitHub 获取更高版本的源代码。
那么,请看一下这篇文章:
Jqtouch 中的固定标头,以及此演示:http://demo.lvengine.net/mobileuplink。
To include a tab bar in jQTouch, you'll want to download a later version of jQT than r109, the default package from their homepage. Go to its GitHub to grab a later version of source.
Then, take a look at this post:
Fixed header in Jqtouch, and this demo: http://demo.lvengine.net/mobileuplink.
我正在开发我的版本,在 jQtouch 上添加固定标签栏
http://www.itabbar.com
它与 jQtouch、iScroll 和 iTabbar 配合使用,
与最新的 jQtouch 版本配合使用
这里有一个在线演示(仅限桌面浏览器Safari和Chrome)
i'm working on my version, to add a fixed tabbar on jQtouch
http://www.itabbar.com
it's working with jQtouch, iScroll and the iTabbar
this work with the latest jQtouch version
Here a online demo (only Safari and Chrome for desktop browser)