2 lists next to each other scrolling together.



  • Is this correct ?

    <ons-row>
       <ons-col>
          <ons-list>
       </ons-col>
       <ons-col>
          <ons-list>
       </ons-col>
    </ons-row>
    

    When scrolling, both lists scroll at the same time, regardless of which list the dragging starts on. I would expect the two lists to be independent when it comes to scrolling. What am I missing and how to achieve my goal?



  • Nevermind. Solved it using flexbox and overflow.


  • Onsen UI

    A simple explanation is that by default, the scrolling element is the page content. By using overflow in the lists or columns you’ll allow them to scroll independently. ons-col and ons-row already use flexbox but you might need to add some custom properties.


Log in to reply