From 4b477668eae7f9fe0238ef9993e607e68c4aca56 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 28 Aug 2020 20:27:23 +0200 Subject: scroll on new sections properly --- .../frontend/app/views/viewer/transcript/transcript.container.js | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/transcript/transcript.container.js') diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js index 3cc23bd..ee176c0 100644 --- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js +++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js @@ -41,7 +41,11 @@ class Transcript extends Component { }, 1000) } if (!this.state.scrolling) { - this.updateScrollPosition(this.props.play_ts) + if (this.props.viewer.currentSection !== prevProps.viewer.currentSection) { + this.updateScrollPosition(this.props.viewer.currentSection.start_ts, true) + } else { + this.updateScrollPosition(this.props.play_ts) + } } } @@ -52,7 +56,6 @@ class Transcript extends Component { const scrollTop = isHeading ? el.offsetTop : el.offsetTop - 16 // 1.5rem const start_ts = parseFloat(el.dataset.startts) let end_ts = parseFloat(el.dataset.endts) - if (isHeading) console.log(scrollTop, start_ts, end_ts) if (!start_ts || !end_ts) return null if (end_ts < start_ts) { end_ts = start_ts + 0.5 @@ -75,7 +78,7 @@ class Transcript extends Component { return false }) if (insideParagraph && nextParagraph) { - console.log(nextParagraph.scrollTop) + // console.log(nextParagraph.scrollTop) if (!floatInRange(scrollTop, nextParagraph.scrollTop, scrollTop + windowHeight) || forceScroll) { this.setState({ currentParagraph: nextParagraph, scrolling: true }) this.scrollToParagraph(scrollTop, nextParagraph.scrollTop) -- cgit v1.2.3-70-g09d2