Gunnar Bittersmann: OnePager mit skip-to-top-Link

Beitrag lesen

@@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?

Kwakoni Yiquan

--
Ad astra per aspera