0

これは私のhttp://jsfiddle.net/coderslay/Lhb5Y/実装です

基本的に私はこのようなコンテンツを持っています

<div data-role="content">
   <div><!--Contains a button --></div>
   <div><ul>..<!--Contains a list -->...</ul></div>
</div>

ここで、ボタンを含む div を固定し、リストがスクロールする間はスクロールしないようにしたいと考えています。JQMでこれを行う方法は？

4

2 に答える 2

0

おそらくdata-position="fixed"役立ちます：

  <div data-role="page" id="page1">
    <div data-role="header" data-position="fixed">
      <h3>Page1</h3>
      <div data-role="button" data-theme="b">Something</div>
    </div>

    <div data-role="content">
      <div>
        <ul data-role="listview">
          ...
        </ul>          
      </div>
    </div>
  </div>

こちらのドキュメントもご覧ください

Fixed header markup example:
<div data-role="header" data-position="fixed">
    <h1>Fixed Header!</h1>
</div>

こちらもお読みください

于 2012-10-28T18:57:47.823 に答える
0

divボタンがfixed常に上部に表示されるように、を配置します。これを見てください。以下に詳細をまとめます。

<div data-role="content">
   <div style="position: fixed; top:0px; height: 100px;"><!--Contains a button --></div>
   <div style="margin-top: 110px;"><ul>..<!--Contains a list -->...</ul></div>
</div>
于 2012-10-28T12:19:59.343 に答える