如何在正文中的特定 div 中制作可滚动列表区域 (Onsen-UI)

Question

我正在使用 Onsen-UI 制作 phonegap 应用程序。在那，我做了一个注册页面。现在，每当我尝试滚动屏幕时，整个页面都在滚动。我想要一个只应滚动的正文中的特定 division。我在注册页面上方有应用程序徽标，徽标位于正文部分。所以不应该滚动。只应滚动列表 div。

Answer 1

您可以尝试使用 <ons-scroller> 指令：

<ons-scroller style="height: 200px">
   <p>I am scrollable</p>
</ons-scroller>

我做了一个简单的例子：http://codepen.io/argelius/pen/dPeKOB

Answer 2

这个选项对我有用：

<ons-page>
  Toolbar here

  <div class="background"></div>

  <div class="content">
    Scrollable content here
  </div>

  Fixed content here
</ons-page>

来自：https://onsen.io/v2/api/js/ons-page.html

如何在正文中的特定 div 中制作可滚动列表区域 (Onsen-UI)

How to make Scrollable List area in a specific div in body (Onsen-UI)

scroll

list

cordova

onsen-ui