javascript - How can you transition between views containing Scrollviews in Famo.us? -

i looking re-tool mobile web application make use of famo.us. it's quite standard scrollviews embedded in standard surfaces. if me figure out how transition between surfaces containing scrollviews, i'd sincerely appreciate it.

so far have basic series of scrollviews nested in surfaces , have them transitioning sequentially when clicked. it's based on rendercontroller example included in famo.us examples github repo.

var maincontext = engine.createcontext(); var rendercontroller = new rendercontroller(); var surfaces = []; var counter = 0; var temp = [];  (var = 0; < 10; i++) {     var scrollview = new scrollview();     scrollview.sequencefrom(temp);     (var = 0, temp; < 40; i++) {         temp = new surface({              content: "surface: " + (i + 1),              size: [undefined, 200],              properties: {                  backgroundcolor: "hsl(" + (i * 360 / 40) + ", 100%, 50%)",                  lineheight: "200px",                  textalign: "center"              }         });     temp.pipe(scrollview);     }     surfaces.push(scrollview); }  rendercontroller.show(surfaces[0]);  engine.on("click", function() {     var next = (counter++ + 1) % surfaces.length;     this.show(surfaces[next]); }.bind(rendercontroller));  maincontext.add(new modifier({origin: [.5, .5]})).add(rendercontroller); 

this results in nothing displayed on screen bar header (header not included in code example), if add temp directly surfaces object after each iteration however, each element of scrollview displayed individually separate surface , can transition between 40.

you must not have seen examples posted on github account.. these examples simple uses of objects, excluding physics engine.

https://github.com/famous/examples/tree/master/src/examples

the tab view trying achieve can created using rendercontroller class. example.js rendercontroller..

* rendercontroller dynamic view can show or hide * different renerables transitions. 

you define views want in controller , rendercontroller shows 1 view @ time, transition want.

good luck!