scroll-in-page.coffee

screens = new ScrollComponent
  width: 360
  height: 640
  x: 0
  y: 0
  scrollVertical: false
  backgroundColor: "black"

scrnCont = new ScrollComponent
    backgroundColor: "blue"
    width: 360 - 30
    height: 640
    x: 15
    y: 15
    scrollHorizontal: false
    parent: screens.content

rows = []
for i in [0..5]
  rows[i] = new Layer
    backgroundColor: Utils.randomColor()
    height: 180
    width: 360 - 60
    x: 15
    y: i * 180
    parent: scrnCont.content


scrnCont2 = new ScrollComponent
    backgroundColor: "blue"
    width: 360 - 30
    height: 640
    x: 15 + screens.width
    y: 15
    scrollHorizontal: false
    parent: screens.content

rows = []
for i in [0..5]
  rows[i] = new Layer
    backgroundColor: Utils.randomColor()
    height: 180
    width: 360 - 60
    x: 15
    y: i * 180
    parent: scrnCont2.content