Matthias Scharwies: OnePager mit skip-to-top-Link

Beitrag lesen

Servus!

@@Matthias Scharwies

	const topLink = document.getElementById('skip-to-top');
	const nav = document.querySelector('nav');

Warum document.getElementById()? Warum nicht einheitlich document.querySelector()?


			if (!entry.isIntersecting) {
				topLink.style.display = 'block';
			} else {
				topLink.style.display = 'none';
			}

Besser:

			topLink.style.display = !entry.isIntersecting ? 'block' : 'none';

oder andersrum

			topLink.style.display = entry.isIntersecting ? 'none' : 'block';

Noch besser:

			topLink.hidden = entry.isIntersecting;

mit <a href="#willkommen" id="skip-to-top" hidden>skip to top</a> im Markup.

Wie oft muss man das hidden-Attribut und seine Vorteile noch erwähnen, bis es Beachtung findet?

ok, werd' ich heute Abend ändern!

Was hältst du von der Position im HTML? Soll der Link ans Ende des Dokuments?

Herzliche Grüße

Matthias Scharwies

--
Die Signatur findet sich auf der Rückseite des Beitrags.