javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(scroll): fix scroll to top on iOS

Browse Source
This commit is contained in:
Max Lynch
2016-10-26 21:13:06 -05:00
parent c1ba120b74
commit 2d165e1ecd
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/util/events.ts
View File

@ -1,4 +1,4 @@
import { nativeTimeout } from '../util/dom'; import { nativeTimeout, nativeRaf } from '../util/dom';
import { Platform } from '../platform/platform'; import { Platform } from '../platform/platform';
import { ScrollView } from '../util/scroll-view'; import { ScrollView } from '../util/scroll-view';
@ -135,7 +135,29 @@ export function setupEvents(platform: Platform): Events {
let content = <HTMLElement>el.closest('.scroll-content'); let content = <HTMLElement>el.closest('.scroll-content');
if (content) { if (content) {
var scroll = new ScrollView(content); var scroll = new ScrollView(content);
scroll.scrollTo(0, 0, 300); // We need to stop scrolling if it's happening and scroll up
content.style['WebkitBackfaceVisibility'] = 'hidden';
content.style['WebkitTransform'] = 'translate3d(0,0,0)';
nativeRaf(function() {
content.style.overflow = 'hidden';
function finish() {
content.style.overflow = '';
content.style['WebkitBackfaceVisibility'] = '';
content.style['WebkitTransform'] = '';
}
let didScrollTimeout = setTimeout(() => {
finish();
}, 400);
scroll.scrollTo(0, 0, 300).then(() => {
clearTimeout(didScrollTimeout);
finish();
});
});
} }
}); });