diff --git a/js/NarrativeView.js b/js/NarrativeView.js index 5cbb652..657bf00 100644 --- a/js/NarrativeView.js +++ b/js/NarrativeView.js @@ -80,7 +80,8 @@ class NarrativeView extends ComponentView { this.renderMode(); this.setupNarrative(); - this.$('.narrative__slider').imageready(this.setReadyStatus.bind(this)); + this.$('.narrative__slider').imageready(this.setReadyStatus.bind(this)); + this.$('.narrative__slide-container')[0]?.addEventListener('scroll', this.onScroll, true); } setupNarrative() { @@ -298,6 +299,11 @@ class NarrativeView extends ComponentView { let index = this.model.getActiveItem().get('_index'); this.model.setActiveItem(--index); } + + onScroll (event) { + event.preventDefault(); + event.target.scrollTo(0, 0); + } /** * In mobile view, highlight instruction if user navigates to another @@ -314,6 +320,10 @@ class NarrativeView extends ComponentView { this.setupInviewCompletion('.component__widget'); } } + + preRemove() { + this.$('.narrative__slide-container')[0]?.removeEventListener('scroll', this.onScroll, true); + } } NarrativeView.template = 'narrative.jsx';