Scroll menu Horizontal

"Scroller" votre menu au niveau du lien de la current page (sur une catégorie de blog par exemple)

Language: Javascript

Catégorie : Utilities

<script>

window.addEventListener('DOMContentLoaded', (event) => {
  const scrollDiv = document.getElementById('scrollMenu');
  const links = document.querySelectorAll('.link.w--current');
  const currentLink = links[0];
  const currentLinkOffset = links[0].offsetLeft - 20;

  scrollDiv.scrollLeft = currentLinkOffset;
});

</script>

Sommaire

Le script

Utiliser un LLM pour résumer ou expliquer ce script

Le script

Ajouter le script sur la page ou le projet Webflow

<script>

window.addEventListener('DOMContentLoaded', (event) => {
  const scrollDiv = document.getElementById('scrollMenu');
  const links = document.querySelectorAll('.link.w--current');
  const currentLink = links[0];
  const currentLinkOffset = links[0].offsetLeft - 20;

  scrollDiv.scrollLeft = currentLinkOffset;
});

</script>

Les attributes

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Nom

Valeur

Tuto

Template

Code source du script

<script>

window.addEventListener('DOMContentLoaded', (event) => {
  const scrollDiv = document.getElementById('scrollMenu');
  const links = document.querySelectorAll('.link.w--current');
  const currentLink = links[0];
  const currentLinkOffset = links[0].offsetLeft - 20;

  scrollDiv.scrollLeft = currentLinkOffset;
});

</script>