docs(ionicScrollController): write docs

2026-03-13 10:22:08 +08:00 · 2014-03-19 12:21:18 -06:00
parent dbe4e3901d
commit 245e2199c6
5 changed files with 186 additions and 47 deletions
--- a/js/ext/angular/test/rememberScroll.html
+++ b/js/ext/angular/test/rememberScroll.html
@@ -0,0 +1,33 @@
+<html ng-app="ionic">
+  <head>
+    <meta charset="utf-8">
+    <title>List</title>
+
+    <!-- Sets initial viewport load and disables zooming  -->
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link rel="stylesheet" href="../../../../dist/css/ionic.css">
+    <script src="../../../../dist/js/ionic.bundle.js"></script>
+  </head>
+  <body>
+   <ion-toggle ng-model="shouldShowScrollView"></ion-toggle>
+   <ion-scroll ng-if="shouldShowScrollView">
+     <div ng-controller="ScrollCtrl">
+       <ion-list>
+         <ion-item ng-repeat="i in items">{{i}}</ion-item>
+       </ion-list>
+     </div>
+   </ion-scroll>
+   <script>
+   function ScrollCtrl($scope) {
+     $scope.$ionicScrollController.rememberScrollPosition('my-scroll-id');
+     $scope.$ionicScrollController.scrollToRememberedPosition();
+
+     $scope.items = [];
+     for (var i=0; i<100; i++) {
+       $scope.items.push(i);
+     }
+   }
+   </script>
+  </body>
+</html>
+