This is the home page template for my app. I added angular-famous for some animations on one page in my app. That works fine. But I didn't realize adding it would require me to change the whole app for scrolling to work. The page below seems to be set up correctly, but it will not scroll. Any help would be appreciated. I'm ready to abandon Famo.…

main.html

<fa-app>
<fa-scroll-view fa-pipe-from="eventHandler">
<fa-view>
<fa-modifier fa-size="[undefined, true]">
<fa-surface fa-pipe-to="eventHandler">
<div ng-include="'partials/navbar'"></div>
<div class="masthead jumbotron">
	<div class="container">
		<h2>What's vital to you? See it in <em>Real Time</em></h2>
		<div class="device-mockup imac">
			<div class="device">
				<div class="screen">
					<p data-height="100%" data-theme-id="0" data-slug-hash="2" data-wall="2" class='vitalwall vital-embed'>See the VitalWall <a href='http://staging-sqtmp3dxdz.elasticbeanstalk.com/wall/2'>Iconagram</a> by Joseph Van (<a href='link to joseph?'>@joseph</a>) on <a href='http://vitalwall.com'>VitalWall</a></p>
				</div>
				<div class="button">
					<!-- You can hook the "home button" to some JavaScript events or just remove it -->
				</div>
			</div>
		</div>
		<a class="btn btn-primary btn-lg btn-outline-inverse" href="/signup">Sign Up for a Free Trial</a>
	</div>
</div>
<div class="container">
	<div class="row">
		<div class="col-sm-4">
			<h2>What is Vital Wall?</h2>
			<p>VitalWall is a simple way to track virtually anything you want on your website.  Google Analytics is great to see what happened on your website yesterday, but in today's world, you need to know what is happening right now so you can respond.</p>
		</div>
		<div class="col-sm-4">
			<h2>What can I see?</h2>
			<p>Anything!  You can pass a name of a customer as they log in, a product as it is viewed, even a picture and link!  Use it to make "window shopping" possible in your ecommerce store.  Pass images of what products are being looked at <em>right now</em>!</p>
		</div>
	</div>
</div>
<div id="pricing" class="container" ng-include="'partials/prices'"></div>
<div ng-include="'partials/footer'"></div>
</fa-surface>
</fa-modifier>
</fa-view>
</fa-scroll-view>
</fa-app>

main.js

'use strict';

angular.module('newvitalwallApp')
  .controller('MainCtrl', function ($scope, $famous) {

    var EventHandler = $famous['famous/core/EventHandler'];
    $scope.eventHandler = new EventHandler();

    };
    $scope.currentYear = new Date();
  });

Solved this - see http://stackoverflow.com/questions/26445552/scroll-view-not-scrolling-with-surface-fa-size-undefined-true