Scroll to Element with Fixed Header Offset (WordPress, Elementor)

scroll-offset-header.js

jQuery(document).ready(function($) {
  
  // specify the header element (used for offset height and fixed positioning check)
  var fixedheader = $("#top-banner-navbar");
  
  // trigger for links with class scroll-offset-header
  $(document).on("click", ".scroll-offset-header", function(e) {
    if ($(fixedheader).css("position") === "fixed") {
      e.preventDefault();
      e.stopImmediatePropagation();
      $('html, body').stop();
      var target = $(this).attr("href");
      var offset = $(fixedheader).height();
      $('html, body').animate({scrollTop: $(target).offset().top - offset }, 400);
    }
  });
  
});