window.addEventListener(‘DOMContentLoaded’, (event) => { const fixier­ter­Con­tai­ner = document.querySelector(‘.projekttext-fixiert’); const unte­rer­Con­tai­ner = document.querySelector(‘.unterer-container’); /​/​Setze die Anfangs­po­si­tion des unte­ren Con­tai­ners auf die Höhe des fixier­ten Con­tai­ners const fixier­ter­Con­tain­erH­eight = fixierterContainer.offsetHeight; untererContainer.style.marginTop = ‘${fixierterContainerHeight}px‘; window.addEventListener(’scroll’, func­tion() { const scroll­Po­si­tion = window.scrollY; /​/​Über­la­gere den fixier­ten Con­tai­ner, wenn die Scroll-​Position grö­ßer als die Höhe des fixier­ten Con­tai­ners ist if (scroll­Po­si­tion > fixier­ter­Con­tain­erH­eight) { untererContainer.classList.add(‘fixed’); } else { untererContainer.classList.remove(‘fixed’); } }); });