如何使用 jqTouch 为我的网页制作底部工具栏

发布于 2024-10-27 22:08:19 字数 517 浏览 1 评论 0原文

我正在尝试使用免费的 jqTouch 框架在网页底部制作一个类似 iPad 的工具栏。这是我试图复制的一个例子(我在谷歌上搜索的第一个随机 iPhone 图片)。

在此处输入图像描述

现在,之前的 StackOverflow 问题 有点回答了..但我不知道如何扩展该答案以包括

  1. 4 或所以部分(例如朋友、登录的人(如果他们是)等)..
  2. 无论如何,将该工具栏保留在底部。中间的内容是可滚动的。但页眉和页脚应始终可见。

这可以做到吗?

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).

enter image description here

Now, a previous StackOverflow question sorta answers it .. but i'm not sure how to extended that answer to include

  1. 4 or so sections (eg. friends, person logged in (if they are), etc.)..
  2. 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

死开点丶别碍眼 2024-11-03 22:08:19

实际上,您的链接根本不会帮助您,因为 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!)

清晨说晚安 2024-11-03 22:08:19

要在 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.

与往事干杯 2024-11-03 22:08:19

我正在开发我的版本,在 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)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文