Question

这是我的http://jsfiddle.net/coderslay/Lhb5Y/实施

基本上我有这样的内容

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

现在我想使包含按钮的div固定，并且在列表滚动时不应滚动。如何在JQM中执行此操作？

Answer 1

您希望将div与按钮fixed对齐，以便始终显示在顶部。看看this。以下是详细信息摘要。

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

Answer 2

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

另见the docu here

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

您也可以阅读here

需要阻止div在JQM中滚动

2 个答案: