different item heights demo (not working!)

dhilt · dhilt · commit a236a3055b42 · 2016-06-23T20:32:53.000+03:00
diff --git a/demo/differentItemHeights/differentItemHeights.html b/demo/differentItemHeights/differentItemHeights.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <title>Scroller Demo (scroll bubbles up only after eof/bof) </title>
+	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
+	<script src="../../src/ui-scroll.js"></script>
+	<script src="../../src/ui-scroll-jqlite.js"></script>
+    <script src="differentItemHeights.js"></script>
+	<link rel="stylesheet" href="../css/style.css" type="text/css"/>
+</head>
+<body 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">Scroll bubbles up only after eof/bof</h1>
+
+		<div class="viewport-wrap">
+			<div class="viewport " ui-scroll-viewport>
+				<div class="item" ui-scroll="item in datasource" style="height: {{item.height}}px">{{item.text}}</div>
+			</div>
+		</div>
+
+	</div>
+
+</body>
+</html>
diff --git a/demo/differentItemHeights/differentItemHeights.js b/demo/differentItemHeights/differentItemHeights.js
@@ -0,0 +1,29 @@
+angular.module('application', ['ui.scroll', 'ui.scroll.jqlite']).factory('datasource', [
+  '$log', '$timeout', function(console, $timeout) {
+    var get, max, min;
+    min = -50;
+    max = 100;
+
+    get = function(index, count, success) {
+      $timeout(function() {
+        var result = [];
+        var start = Math.max(min, index);
+        var end = Math.min(index + count - 1, max);
+        if (start <= end) {
+          for (var i = start; i <= end; i++) {
+            var j = i > 0 ? i : (-1) * i;
+            result.push({
+              text: "item #" + i,
+              height: 20 + (j%2) * 10
+            });
+          }
+        }
+         success(result);
+      }, 50);
+    };
+
+    return {
+      get: get
+    };
+  }
+]);
