listen for tabs toggle expanding, scroll to that tab toggle when it does.

footer-scripts.html

<script>

document.addEventListener("DOMContentLoaded",() => {

  const mytabs = document.querySelector('#my-pro-tabs'); /* change to ID of your pro tabs element */
  
  if ( !mytabs ){ return }

  const delay = 100;
  const offset = 100;

  mytabs.querySelectorAll(".x-tabs_toggle").forEach(toggle => {

     toggle.addEventListener("x_tabs_accordion:expand", () => {
        
       	  setTimeout(() => {
                    window.scrollTo({
                        top: toggle.getBoundingClientRect().top + window.pageYOffset - offset,
                        behavior: 'smooth'
                    });
              }, delay);
       
        });
    
    });
  
});

</script>