Navigatiebalken

Mobiel menu sluiten

Hoe het mobiele menu te sluiten wanneer u op een link in het menu klikt

document.addEventListener(
  'DOMContentLoaded',
  function () {
    'use strict';
    const mobileMenu = new bootstrap.Collapse(document.querySelector('.navbar-collapse'), { toggle: false });
    const handleMobileMenu = () => mobileMenu.hide();
    document.addEventListener('click', handleMobileMenu);
    document.addEventListener('scroll', handleMobileMenu);
  },
  false
);

Scroll naar de juiste plek

Hoe u naar de juiste plaats kunt scrollen wanneer u op een koppeling in het menu klikt

html {
  scroll-padding-top: 56px; /* de hoogte van de navigatiebalk */
}