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

<html><head>
<style type="text/css">
.scoller-wrap {
overflow-y:scroll;
height: 100%;
width : 200px;
}

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



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.

or...

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