Internal link, anchor gaat naar homepage
Geplaatst: wo okt 30, 2024 2:14 pm
Dit zijn van die dingen die wel logisch zijn, maar soms even duurt voordat het indaalt. Ik probeer een anchor te maken zodat we van die plek naar een andere plek scrollen. En elke keer gaat die naar de homepage (inclusief anchor). Welke daar niet bestaat, en dat is ook helemaal niet de bedoeling.
Na even wat zoek en denkwerk... Als je gebruik maakt van een "base href=" in je head, dan gaat de link daar naar toe. Nu kun je die base verwijderen, maar staat er natuurlijk niet voor niets. Een andere oplossing is daar javascript te gebruiken die dat afvangt, zie hieronder voor een voorbeeld
Na even wat zoek en denkwerk... Als je gebruik maakt van een "base href=" in je head, dan gaat de link daar naar toe. Nu kun je die base verwijderen, maar staat er natuurlijk niet voor niets. Een andere oplossing is daar javascript te gebruiken die dat afvangt, zie hieronder voor een voorbeeld
Code: Selecteer alles
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});