jquery - 需要阻止 div 在 JQM 中滚动

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

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

你也可能想在这里阅读

Answer 2

您希望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>