site_users/themes/site_users_microsite_theme/js/social-bar.js

/**
 * @file
 * Barra social — comportamento de fixação ao scroll (estilo Olivero).
 *
 * Aplica a classe .is-fixed ao elemento .social-bar__inner quando o cabeçalho
 * do micro-site sai do viewport, no breakpoint desktop (≥ 1200px).
 */
((Drupal) => {
  const socialBarInner = document.querySelector(
    '[data-drupal-selector="social-bar-inner"]',
  );

  if (!socialBarInner) return;

  const navBreakpoint = window.matchMedia('(min-width: 1200px)');

  function updateFixed(entries) {
    if (!navBreakpoint.matches) {
      socialBarInner.classList.remove('is-fixed');
      return;
    }
    entries.forEach((entry) => {
      socialBarInner.classList.toggle('is-fixed', entry.intersectionRatio < 1);
    });
  }

  const header = document.querySelector('.microsite-header');

  if (header) {
    const observer = new IntersectionObserver(updateFixed, {
      threshold: [0.999, 1],
    });
    observer.observe(header);
  }
})(Drupal);