Jqtouch'taki sabit başlık

Question

Sabit bir üstbilgiye sahip olmak için basic theme jqtouch öğesinde ne değiştirmeliyim (+ altbilgi belki ...)?

Answer 1

Mobil Safari pozisyonunu desteklemez ... Sabit .. ama hiçbir şey çalıştı: Ben konumuyla çalıştık sabit (en azından web geliştirme için yararlı olacak şekilde).

Alternatif iPhone'da çalışan Mobile Safari geçerli sürümünde bunun için herhangi bir destek var dışarı Thomas belirttiği gibi this javascript solution

Answer 2

uygulamaya deneyebilirsiniz.

Yine de jQTouch kullanıyorsanız, en son karşıdan yüklemelerle birlikte gelen "floaty" uzantısına bakın. Biraz gecikmeyle de olsa, kayanla birlikte hareket eden yüzen bir div ekler. Davranış, mobil GMail arayüzündeki "arşiv" çubuğuna çok benzer.

İşte floaty bahseder jQTouch üzerinde uzantıları sayfası: http://code.google.com/p/jqtouch/wiki/Extensions

Sadece son paket indirmek ve her şey var. Bu mükemmel bir çözüm değil, ama hiç yoktan iyidir. jQTouch için bu eklenti

Answer 3

Kontrol dışarı - http://code.google.com/p/jqtscroll/

Answer 4

bu sitede bir göz atın: o fazladan div kullandığı http://demo.lvengine.net/mobileuplink

Not:

<div id="jqt"> 

javascripts bir göz atın ve bu siteden css. Yazar, orijinal jqtouch komut dosyalarını bu değişikliğe uyması için biraz değiştirdi.

"Sabit" altbilgi için, örn. sekme çubuğu, sadece div # jqt aynı seviyede ilave bir div ekleyin:

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

Sonra .tabbar için css yukarı kod. örnek olarak mayın kullanın:

.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%;} 

Answer 5

DataZombies jQtouch Fork göz at - onun geliştirmeleri gerçekten serin ve sabit üstbilgi ve altbilgi içerir!

=>Tabbar Demo

O bağımsız yanı kullanılması olabilir iScroll kullanır gibi görünüyor.

Answer 6

i jQtouch üzerinde http://www.itabbar.com

sabit tabbar eklemek için, benim sürümü üzerinde çalışıyorum öyle jQtouch, iScroll ve

İşte iTabbar ile çalışan bir online demo (masaüstü tarayıcısı için sadece Safari ve Chrome)