mirror/reveal.js
1
0
Fork 0
mirror of https://github.com/hakimel/reveal.js.git synced 2025-08-13 01:54:21 +02:00
Code Issues Releases Wiki Activity

dispatch slidechange events in reader mode

Browse Source
This commit is contained in:
Hakim El Hattab
2023-09-25 12:32:46 +02:00
parent 4c9cc89566
commit c856fa9db1
2 changed files with 42 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
js/controllers/reader.js
View File

@@ -69,7 +69,10 @@ export default class Reader {
contentContainer.appendChild( slide );
slide.classList.remove( 'past', 'future' );
if( slide.slideBackgroundElement ) {
slide.slideBackgroundElement.remove( 'past', 'future' );
contentContainer.insertBefore( slide.slideBackgroundElement, slide );
}
@@ -191,7 +194,6 @@ export default class Reader {
);
}
// Add scroll padding based on how many scroll triggers we have
page.scrollPadding = scrollTriggerHeight * page.scrollTriggers.length;
@@ -259,9 +261,10 @@ export default class Reader {
const scrollTop = viewportElement.scrollTop;
this.pages.forEach( ( page ) => {
this.pages.forEach( ( page, pageIndex ) => {
const isWithinPreloadRange = scrollTop + viewportHeight >= page.top - viewportHeight && scrollTop < page.top + page.bottom + viewportHeight;
const isPartiallyVisible = scrollTop + viewportHeight >= page.top && scrollTop < page.top + page.bottom;
const isMostlyVisible = scrollTop + viewportHeight >= page.top + viewportHeight / 2 && scrollTop < page.top + page.bottom - viewportHeight / 2;
// Preload content when it appears within range
if( isWithinPreloadRange ) {
@@ -276,11 +279,13 @@ export default class Reader {
}
// Play slide content when the slide becomes visible
if( isPartiallyVisible ) {
if( isMostlyVisible ) {
if( !page.active ) {
page.active = true;
page.pageElement.classList.add( 'present' );
page.slideElement.classList.add( 'present' );
this.Reveal.setCurrentReaderPage( pageIndex, page.pageElement );
this.Reveal.slideContent.startEmbeddedContent( page.slideElement );
if( page.backgroundElement ) {