Auto-scroll the browser to a clicked tabs element position

webflow-tabs-auto-scroll.html

<script>
  // When a tab is clicked, animate scroll to the top of the tabs element
  $('.w-tab-link').on('click', function (event) {
    var clickedLink = $(event.currentTarget);
    var tabsElement = clickedLink.closest('.w-tabs');
    var rootElement = $('html, body');
    var newTop = tabsElement.offset().top;
    if (rootElement.scrollTop() !== newTop) {
      rootElement.stop().animate({scrollTop: newTop}, 500, 'swing');
    }
  });
</script>