moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

remove extra reflow causing calls

This commit is contained in:
Shpuld Shpuldson 2020-02-17 16:25:06 +02:00
parent db9471cd3e
commit abf8121638
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/timeline/timeline.js
View File

@ -72,7 +72,7 @@ const Timeline = {
}, },
statusesToDisplay () { statusesToDisplay () {
const amount = this.timeline.visibleStatuses.length const amount = this.timeline.visibleStatuses.length
const statusesPerSide = Math.ceil(Math.max(10, window.innerHeight / 100)) const statusesPerSide = Math.ceil(Math.max(15, window.innerHeight / 80))
const min = Math.max(0, this.virtualScrollIndex - statusesPerSide) const min = Math.max(0, this.virtualScrollIndex - statusesPerSide)
const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide) const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide)
return this.timeline.visibleStatuses.slice(min, max).map(_ => _.id) return this.timeline.visibleStatuses.slice(min, max).map(_ => _.id)
@ -160,8 +160,7 @@ const Timeline = {
if (statuses.length === 0) return if (statuses.length === 0) return
const bodyBRect = document.body.getBoundingClientRect() const height = Math.max(document.body.offsetHeight, window.pageYOffset)
const height = Math.max(bodyBRect.height, -(bodyBRect.y))
const centerOfScreen = window.pageYOffset + (window.innerHeight * 0.5) const centerOfScreen = window.pageYOffset + (window.innerHeight * 0.5)
@ -172,23 +171,25 @@ const Timeline = {
// if we have a previous scroll index that can be used, test if it's // if we have a previous scroll index that can be used, test if it's
// closer than the previous approximation, use it if so // closer than the previous approximation, use it if so
const virtualScrollIndexY = statuses[this.virtualScrollIndex].getBoundingClientRect().y
if ( if (
this.virtualScrollIndex < statuses.length && this.virtualScrollIndex < statuses.length &&
Math.abs(err) > statuses[this.virtualScrollIndex].getBoundingClientRect().y Math.abs(err) > virtualScrollIndexY
) { ) {
approxIndex = this.virtualScrollIndex approxIndex = this.virtualScrollIndex
err = statuses[approxIndex].getBoundingClientRect().y err = virtualScrollIndexY
} }
// if the status is too far from viewport, check the next/previous ones if // if the status is too far from viewport, check the next/previous ones if
// they happen to be better // they happen to be better
while (err < -100 && approxIndex < statuses.length - 1) { while (err < -100 && approxIndex < statuses.length - 1) {
approxIndex++ approxIndex++
err = statuses[approxIndex].getBoundingClientRect().y err += statuses[approxIndex].offsetHeight
} }
while (err > window.innerHeight + 100 && approxIndex > 0) { while (err > window.innerHeight + 100 && approxIndex > 0) {
err -= statuses[approxIndex].offsetHeight
approxIndex-- approxIndex--
err = statuses[approxIndex].getBoundingClientRect().y
} }
// this status is now the center point for virtual scrolling and visible // this status is now the center point for virtual scrolling and visible