Viewing File: /usr/local/cpanel/3rdparty/share/angular-ui-scroll/1.6.1/demo/animation/animation.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Scroller Demo (animation)</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-animate.js"></script>
<script src="../../dist/ui-scroll.js"></script>
<script src="animation.js"></script>
<link rel="stylesheet" href="../css/style.css" type="text/css"/>
</head>
<body ng-controller="mainController" ng-app="application">
<div class="cont cont-global">
<a class="back" href="../index.html">browse other examples</a>
<h1 class="page-header page-header-exapmle">Animation demo</h1>
<div class="actions">
<button class="btn btn-default" ng-click="updateList()">update this list</button>
<button class="btn btn-default" ng-click="addToList()">add new 3d item</button>
<button class="btn btn-default" ng-click="removeFromList()">remove even items</button>
<button class="btn btn-default" ng-click="refresh()">refresh</button>
</div>
<div class="viewport viewport-height-fixed" ui-scroll-viewport id="viewport-animation">
<div ui-scroll="item in datasource" class="item"
adapter="adapterContainer.adapter"
buffer-size="5"
is-loading="my.trololo.isLoading">
{{$index}}) {{item.content}}
</div>
</div>
</div>
</body>
</html>
Back to Directory
File Manager