JoshiiRA

I will remove this bars after i add a Animation they stil there Here my Code: const animationContainer = document.getElementById('animation-container'); const trigger = document.getElementById('trigger'); function showAnimation() { const newPage = document.createElement('iframe'); newPage.setAttribute('src', 'portfolio.html'); gsap.set(newPage, { x: 0, y: 0, width: '100%', height: '100%', position: 'fixed', top: 0, right: 0, visibility: 'hidden', scale: 0.2, transformOrigin: 'top right' }); animationContainer.appendChild(newPage); gsap.to(newPage, { duration: 1, autoAlpha: 1, ease: "power3.inOut", scale: 1, onComplete: () => { gsap.set(trigger, { visibility: 'hidden' }); // Hinzufügen einer neuen Browser-History-Eintrag history.pushState({ page: 'new' }, '', 'portfolio.html'); // Hinzufügen eines Event-Listeners zum Zurück-Button des Browsers window.addEventListener('popstate', () => { // Entfernen des Event-Listeners, um Schleifen zu vermeiden window.removeEventListener('popstate', arguments.callee); // Entfernen der neuen Seite aus dem DOM und Anzeigen des Auslösers newPage.remove(); gsap.set(trigger, { visibility: 'visible' }); }); } }); } trigger.addEventListener('click', showAnimation);