2011-06-17 21 views
3

私はdiv(phone-no)を固定する必要があり、それはフッターのすぐ上です。ウィンドウのサイズを変更すると、ユーザーは「phone-no」divを見ることができなくてはなりません。ここにはimageの青いバーがあります。「無料トライアル」は固定バーで、下のバーはフッターです。header-footer以外のdivのdata-position = "fixed"の仕事

は、私は、ヘッダーとフッターに=「「固定データ位置をしようとしたとき、動作しているようではなく、この上の任意の洞察?? link to the page

+1

のベストをクリックし、スクロールしたとき、それが消えて無効になりますdata-role = "footer" '要素を指定して、次のようにCSSを与えます:' position:absolute; top:-20px; height:20px; 'これは常にフッタの上に要素を保持します。 – Jasper

答えて

1

ライブ例:。。

HTML:

<div data-role="page" data-theme="b" id="jqm-home"> 
    <div data-role="header" data-position="fixed"> 
     <h1>Header</h1> 
     <a href="#" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a> 
    </div> 

    <div data-role="content"> 
     <p>Content</p> 
    </div> 

    <div data-role="footer" data-id="foo1" data-position="fixed"> 
     <div data-role="navbar"> 
      <ul> 
       <li></li> 
       <li></li> 
       <li>Footer</li> 
       <li></li> 
       <li>(888)444-8901</li> 
      </ul> 
     </div> 
    </div> 

</div> 
+0

問題は別のフッターです。この電話番号はフッターに書き込めません – Priya

3

準備ができて、あなたの文書にこのコードを入れて試してみて、

$("[data-role=header]").fixedtoolbar({ tapToggle: false }); 
$("[data-role=footer]").fixedtoolbar({ tapToggle: false }); 

何 `の子としてあなたのDIVのHTML構造の追加について運

関連する問題