Scrollview from Bottom

scrollFromBottom

  var Engine     = require("famous/core/Engine");
  var Surface    = require("famous/core/Surface");
  var Scrollview = require("famous/views/Scrollview");
  var Transform  = require("famous/core/Transform");

  var ContainerSurface = require('famous/surfaces/ContainerSurface');

  var mainContext = Engine.createContext();

  var scrollview = new Scrollview({
  	margin:100000
  });

  scrollview.state = new StateModifier({
  	size:[400,400],
  	origin: [0,1],
  	transform: Transform.translate(0,200,0)
  });

  var surfaces = [];

  scrollview.sequenceFrom(surfaces);


  for (var i = 0; i < 5; i++) {
  		if (i != 0 && i != 4) {
	      temp = new Surface({
	           content: "Surface: " + (i + 1),
	           size: [undefined, 200],
	           properties: {
	               backgroundColor: "hsl(" + (i * 360 / 40) + ", 100%, 50%)",
	               lineHeight: "200px",
	               textAlign: "center"
	           }
	      });

    	} else {

	      temp = new Surface({
	           size: [undefined, 200],
	           content:"<div></div>",
	           properties: {
	               backgroundColor: "transparent",
	               lineHeight: "200px",
	               textAlign: "center"
	           }
	      });

    	} 

      temp.pipe(scrollview);
      surfaces.push(temp);
  }


  mainContext.add(scrollview.state).add(scrollview);