1
0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-13 18:14:33 +02:00

add support for responsively activating reader mode via

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

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();