listcordovascrollonsen-ui

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

I am making phonegap application using Onsen-UI. In that,I made a signup page. Now whenever I am trying to scroll the screen, whole body of page is scrolling. I want a particular division in a body that should scroll only. I have app Logo above the signup page and Logo is in the body part. So that shouldn't be scrolled. Only List div should be scrolled.

Solution

  • You can try using the <ons-scroller> directive:

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

    I made a simple example: http://codepen.io/argelius/pen/dPeKOB