34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
export const scrollSteps = {
|
|
onEnter(index, el) {
|
|
el.classList.add('active');
|
|
document.body.dataset.activeScrollStep = index;
|
|
console.log(`[ScrollStep] Enter: ${index}`);
|
|
// Beispielaktionen
|
|
if (index === 1) showIntro();
|
|
if (index === 2) activateChart();
|
|
if (index === 3) revealQuote();
|
|
},
|
|
|
|
onLeave(index, el) {
|
|
el.classList.remove('active');
|
|
el.style.transitionDelay = '';
|
|
console.log(`[ScrollStep] Leave: ${index}`);
|
|
|
|
if (document.body.dataset.activeScrollStep === String(index)) {
|
|
delete document.body.dataset.activeScrollStep;
|
|
}
|
|
|
|
if (index === 1) hideIntro();
|
|
if (index === 2) deactivateChart();
|
|
if (index === 3) hideQuote();
|
|
}
|
|
};
|
|
|
|
|
|
function showIntro() { console.log('Intro sichtbar'); }
|
|
function hideIntro() { console.log('Intro ausgeblendet'); }
|
|
function activateChart() { console.log('Chart aktiviert'); }
|
|
function deactivateChart() { console.log('Chart deaktiviert'); }
|
|
function revealQuote() { console.log('Zitat eingeblendet'); }
|
|
function hideQuote() { console.log('Zitat ausgeblendet'); }
|