javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

test(anchorScroll): improve test page

Browse Source
This commit is contained in:
Andy Joslin
2014-02-13 09:42:32 -05:00
parent fc8ab4b8ea
commit 68ffe8b7a3
1 changed files with 24 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
js/ext/angular/test/anchorScroll.html
View File

@@ -13,54 +13,39 @@
<body>
<div ng-controller="MyCtrl">
<header-bar title="title" type="bar-positive">
</header-bar>
<content has-header="true">
<a ng-click="scrollTo('foo')">Click me!</a>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<p>...</p>
<header class="bar bar-header bar-positive">
<div class="buttons">
<button class="button button-icon icon ion-clock" ng-click="doScroll()"></button>
</div>
<h1 class="title">Click the Clock to Get Stuck</h1>
</header>
<div id="foo">Here you are.</div>
<content class="has-header">
<list>
<item ng-repeat="item in items"
item="item"
id="foo-{{item.id}}"
href="#/item/{{item.id}}">
Item {{ item.id }}
</item>
</list>
</content>
</div>
<script>
function MyCtrl($scope, $location, $ionicScrollDelegate) {
$scope.scrollTo = function(id) {
$location.hash(id);
$scope.items = [];
for (var i=0; i < 100; i++) {
$scope.items.push({id:i});
}
$scope.doScroll = function() {
$location.hash('foo-50');
$ionicScrollDelegate.anchorScroll(true);
}
}
</script>
</body>
</html>
</body>
</html>