Исправлен заголовок в Jqtouch

Попробуйте этот подключаемый модуль для jQTouch — http://code.google.com/p/jqtscroll/

Мобильный Safari не поддерживает position:fixed (по крайней мере, не таким образом, чтобы это было полезно для веб-разработки).

В качестве альтернативы вы можете попробовать реализовать это решение JavaScript

Взгляните на этот сайт: http://demo.lvengine.net/mobileuplink

Обратите внимание, что он использует дополнительный div:

<div id="jqt">

Взгляните на javascripts и css с этого сайта. Автор немного модифицировал исходные скрипты jqtouch, чтобы они соответствовали этой модификации.

Для «фиксированного» нижнего колонтитула, например. на панели вкладок вы просто добавляете дополнительный div на том же уровне, что и div#jqt:

<div id="other">
    <div class="tabbar">
        <ul>
            <li class="two"><a href="first.html">first tab</a></li>
            <li class="two"><a href="two.html">second tab</a></li>
        </ul>
    </div>
</div>

Затем закодируйте css для .tabbar. Используйте мой в качестве примера:

 .tabbar 
{
    position: absolute;
    bottom:0px;
    width:100%;
    height:48px;
    border-top:1px solid #444;
    overflow:hidden;
    padding: 0;
    margin: 0;
    background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
}

.tabbar li
{
    float: left;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: smaller;
    display: block;
    text-align: center;
    border-right:1px solid #333;
    border-left:1px solid #6a6a6a;
}

.tabbar li:first-child
{
    border-right:1px solid #333;
    border-left:0;
}

.tabbar li:last-child
{
    border-right:0;
    border-left:1px solid #6a6a6a;
}

.tabbar ul
{
    border: 0;
    margin: 0;
    list-style: none;
}

.tabbar a 
{
    padding: 0;
    margin: 0;
    display:block;
    text-decoration:none;
    font-size: 0.8em;
    color:#eee;
    line-height:1.6em;
}

.tabbar li.two      {width: 50%;}

Взгляните на форк DataZombies jQtouch — его улучшения действительно крутые и включают фиксированные верхние и нижние колонтитулы!

=> Демонстрация панели вкладок

Кажется, он использует iScroll, который можно использовать и независимо.

Как отметил Томас, в текущей версии Mobile Safari, работающей на iPhone, это не поддерживается.

Если вы все равно используете jQTouch, взгляните на «плавающее» расширение, которое поставляется в комплекте с последними загрузками. Он добавляет плавающий элемент div, который перемещается вместе с вашей прокруткой, хотя и с некоторой задержкой. Поведение очень похоже на панель «архив» в мобильном интерфейсе GMail.

Вот страница расширений на jQTouch, где упоминается floaty: http://code.google.com/p/jqtouch/wiki/Extensions

Просто скачайте последний пакет, и все там. Это не идеальное решение, но это лучше, чем ничего.

я работаю над своей версией, чтобы добавить фиксированную панель вкладок на jQtouch http://www.itabbar.com

он работает с jQtouch, iScroll и iTabbar

Вот онлайн-демонстрация (только Safari и Chrome для настольного браузера)