title: Combine GridLayout and ScrollView in Famo.us JS
body: <p>I'm trying to insert a grid layout into a scroll view in famo.us (using famo.us with angular) and the most obvious way is working</p>
  
  <pre><code>&lt;fa-view&gt;
      &lt;fa-scroll-view fa-pipe-from="eventHandler" fa-options="scrollView"&gt;
          &lt;fa-modifier fa-size="[undefined, 3000]"&gt;
              &lt;fa-grid-layout fa-options="results.options"&gt;
                  &lt;fa-modifier ng-repeat="grid in results.grids" fa-size="[undefined, results.rowHeight]"&gt;
                      &lt;fa-surface class="item" fa-background-color="'grey'" fa-pipe-to="eventHandler"&gt;
                          &lt;h5&gt;{{grid.content.cleanTitle}}&lt;/h5&gt;
                      &lt;/fa-surface&gt;
                  &lt;/fa-modifier&gt;
              &lt;/fa-grid-layout&gt;
          &lt;/fa-modifier&gt;
      &lt;/fa-scroll-view&gt;
  &lt;/fa-view&gt;
  </code></pre>
  
  <p>But I wonder if this is really clever. Instead of pushing many views to the scroll view it has actually only one view (the grid layout). I can imagine, that the famo.us guys implemented a couple of perfomance hacks regarding scrolling and I fear, that one single grid-layout is not the right choise. Is there a better way? Maybe create a view for every "row" and arrange the items per view?</p>
  
  <p>Thanks!</p>