i have a question.

i need to put three lists in a scene.
i use 'horizontal-snap'(via 'nested scrollers' in mojomatters-sample code),
and i display three lists in each cell.

BUT unfortunately, each list has different length
i think each cell has a y-scoll, it is simple to be solved.

then... my conceptually thinking is

<style type="text/css">
.scoller-wrap {
height: 100%;
width : 200px;

<div style="background-color:red;width:100%; height:100%;">
<table style="height:100%;">
<div class="scoller-wrap">
<div style="height:512px;">a</div>
<div class="scoller-wrap">
<div style="height:512px;">b</div>
<div class="scoller-wrap">
<div style="height:512px;">c</div>

but i have no idea where to apply 'scroller-warp' in this code.
summarize to do as followers,

1. i need display three list in a scene
2. but each list does not have same length
3-1. i want to use nested-scroller
3-2. then a table has three cells of difference length,
4. therefore, i need to apply 'overflow-y:scroll' in somewhere, but i don`t know where it is.


somebody has a BETTER idea how three lists is displayed in a scene.
i`m making a community app, and this three list is three kind of menus.

thx for reading my dirty English