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

fix(virtual-scroll): fix viewportOffset calculation

Browse Source 
fixes #14963
This commit is contained in:
Manu Mtz.-Almeida
2018-08-12 01:42:49 +02:00
parent 89e8256856
commit b7e741ab80
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/virtual-scroll/test/basic.html
View File

@ -20,6 +20,10 @@
<ion-button onclick="addItems()">Add Items</ion-button>
</ion-buttons>
</ion-toolbar>
<ion-toolbar></ion-toolbar>
<ion-toolbar></ion-toolbar>
<ion-toolbar></ion-toolbar>
<ion-toolbar></ion-toolbar>
</ion-header>
<ion-content>

7
core/src/components/virtual-scroll/virtual-scroll.tsx
View File

@ -11,6 +11,7 @@ import { Range, calcCells, calcHeightIndex, doRender, findCellIndex, getRange, g
})
export class VirtualScroll {
private contentEl?: HTMLElement;
private scrollEl?: HTMLElement;
private range: Range = { offset: 0, length: 0 };
private timerUpdate: any;
@ -121,6 +122,7 @@ export class VirtualScroll {
}
await contentEl.componentOnReady();
this.contentEl = contentEl;
this.scrollEl = contentEl.getScrollElement();
this.calcCells();
this.updateState();
@ -215,14 +217,15 @@ export class VirtualScroll {
}
private readVS() {
const { scrollEl, el } = this;
const { contentEl, scrollEl, el } = this;
let topOffset = 0;
let node: HTMLElement | null = el;
while (node && node !== scrollEl) {
while (node && node !== contentEl) {
topOffset += node.offsetTop;
node = node.parentElement;
}
this.viewportOffset = topOffset;
console.log(this.viewportOffset);
if (scrollEl) {
this.viewportHeight = scrollEl.offsetHeight;
this.currentScrollTop = scrollEl.scrollTop;