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

Scroll complete callback

Browse Source
This commit is contained in:
Max Lynch
2013-12-09 16:05:57 -06:00
parent 25a2ac740a
commit 0d881821bd
3 changed files with 20 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
dist/js/ionic-angular.js vendored
View File

@@ -652,6 +652,7 @@ angular.module('ionic.ui.content', [])
onRefresh: '&',
onRefreshOpening: '&',
onScroll: '&',
onScrollComplete: '&',
refreshComplete: '=',
scroll: '@',
hasScrollX: '@',
@@ -718,7 +719,13 @@ angular.module('ionic.ui.content', [])
$timeout(function() {
sv = new ionic.views.Scroll({
el: $element[0],
scrollEventInterval: parseInt($scope.scrollEventInterval, 10) || 40
scrollEventInterval: parseInt($scope.scrollEventInterval, 10) || 40,
scrollingComplete: function() {
$scope.onScrollComplete({
scrollTop: this.__scrollTop,
scrollLeft: this.__scrollLeft
});
}
});
// Activate pull-to-refresh

9
js/ext/angular/src/directive/ionicContent.js vendored
View File

@@ -28,6 +28,7 @@ angular.module('ionic.ui.content', [])
onRefresh: '&',
onRefreshOpening: '&',
onScroll: '&',
onScrollComplete: '&',
refreshComplete: '=',
scroll: '@',
hasScrollX: '@',
@@ -94,7 +95,13 @@ angular.module('ionic.ui.content', [])
$timeout(function() {
sv = new ionic.views.Scroll({
el: $element[0],
scrollEventInterval: parseInt($scope.scrollEventInterval, 10) || 40
scrollEventInterval: parseInt($scope.scrollEventInterval, 10) || 40,
scrollingComplete: function() {
$scope.onScrollComplete({
scrollTop: this.__scrollTop,
scrollLeft: this.__scrollLeft
});
}
});
// Activate pull-to-refresh

4
js/ext/angular/test/content.html
View File

@@ -60,6 +60,7 @@
<content id="container"
on-scroll="onScroll(event, scrollTop, scrollLeft)"
on-scroll-complete="onScrollComplete(scrollTop, scrollLeft)"
on-refresh="onRefresh()"
on-refresh-opening="onRefreshOpening(amount)"
refresh-complete="refreshComplete"
@@ -114,6 +115,9 @@
var header = document.getElementById('header');
var content = document.getElementById('container');
var startTop = header.offsetTop;
$scope.onScrollComplete = function(event, scrollTop, scrollLeft) {
console.log('Scroll complete', scrollTop, scrollLeft);
}
$scope.onScroll = function(event, scrollTop, scrollLeft) {
if(scrollTop > startTop) {
var diff = scrollTop - startTop;