Auf Thema antworten

Beitrag

[QUOTE="Sempervivum, post: 14837, member: 3917"]
Ich denke schon, dass ich das Problem richtig verstehe. Allerdings ist es wahrscheinlich nicht realistisch machbar, mein Verfahren mit dem Onepager auf eine Wordpress-Seite zu übertragen.

Die Idee ist schon richtig, allerdings ist mir kein Weg bekannt, wie man ohne Javascript dynamisch die Höhe dieses Headers ermitteln kann.
Ich habe das mal mit den Entwicklerwerkzeugen ausprobiert und es funktioniert für #Was-wird-benötigt und #Zusammengefasst einwandfrei. Bei #Schalplatten&HomePod meckert Javascript, dass es ein unzulässiger Selektor sei.
[CODE]        function adjustScroll() {
            const
                nav = document.querySelector('.nav'),
                box = nav.getBoundingClientRect(),
                hNav = box.height,
                scrollingEle = document.getElementById('Was-wird-benötigt'),
                scrollPos = window.scrollY;
            console.log(hNav, scrollPos);
            scrollingEle.style.scrollMarginTop = (hNav) + 'px';
        }
        adjustScroll();
        document.addEventListener('scroll', adjustScroll);
        function adjustScroll2() {
            const
                nav = document.querySelector('.nav'),
                box = nav.getBoundingClientRect(),
                hNav = box.height,
                scrollingEle = document.getElementById('Zusammengefasst'),
                scrollPos = window.scrollY;
            console.log(hNav, scrollPos);
            scrollingEle.style.scrollMarginTop = (hNav) + 'px';
        }
        adjustScroll2();
        document.addEventListener('scroll', adjustScroll2);
[/CODE]
Dazu muss dieser Fake-Header die Klasse "nav" bekommen.
Braucht natürlich noch Überarbeitung, die Zuweisung des scrollMarginTop macht man besser mit einer Schleife und man muss sie auch machen, wenn der Fake-Header auf oder zu geklappt wird.
[/QUOTE]

Authentifizierung