Noratrieb/slides
1
0
Fork 0
mirror of https://github.com/Noratrieb/slides.git synced 2026-01-14 16:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

add support for responsively activating reader mode via

Browse source
This commit is contained in:
Hakim El Hattab 2023-10-06 09:14:23 +02:00
parent 899a45dff6
commit ab52d334df
8 changed files with 146 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
js/controllers/reader.js
View file

@ -14,6 +14,8 @@ export default class Reader {
this.active = false;
this.activatedCallbacks = [];
this.onScroll = this.onScroll.bind( this );
}
/**
@ -32,7 +34,7 @@ export default class Reader {
const slides = queryAll( this.Reveal.getRevealElement(), SLIDES_SELECTOR );
viewportElement.classList.add( 'loading-scroll-mode', 'reveal-reader' );
viewportElement.addEventListener( 'scroll', this.onScroll.bind( this ) );
viewportElement.addEventListener( 'scroll', this.onScroll );
let presentationBackground;
if( viewportElement ) {
@ -113,7 +115,11 @@ export default class Reader {
this.active = false;
this.Reveal.getViewportElement().classList.remove( 'reveal-reader' );
const viewportElement = this.Reveal.getViewportElement();
viewportElement.removeEventListener( 'scroll', this.onScroll );
viewportElement.classList.remove( 'reveal-reader' );
this.Reveal.getSlidesElement().innerHTML = this.slideHTMLBeforeActivation;
this.Reveal.sync();