Fix anchor jumping on page loads

Author: keitharm

src/js/skeleton-tabs.js

@@ -1,71 +1,74 @@
 $(function() {
-    $('ul.tab-nav li a.button').click(function(e) {
-      e.preventDefault();
-      activeTab($(this).attr('href'));
-      return false;
-    });
-
-    if (location.hash !== '') {
-      activeTab(location.hash);
-    } else {
-      activeTab('#private');
-    }
+  setTimeout(() => {
+    window.scrollTo(0, 0);
+  }, 0);
+  $('ul.tab-nav li a.button').click(function(e) {
+    e.preventDefault();
+    activeTab($(this).attr('href'));
+    return false;
+  });
 
-    function activeTab(tab) {
+  if (location.hash !== '') {
+    activeTab(location.hash);
+  } else {
+    activeTab('#private');
+  }
 
-      let button = $('ul.tab-nav li a.button[href="' + tab + '"]');
-      let pane = $('div.tab-content div.tab-pane[id="' + tab.slice(1) + '"]');
+  function activeTab(tab) {
 
-      $('ul.tab-nav li a.button.active').removeClass('active');
-      button.addClass('active');
+    let button = $('ul.tab-nav li a.button[href="' + tab + '"]');
+    let pane = $('div.tab-content div.tab-pane[id="' + tab.slice(1) + '"]');
 
-      $('div.tab-content div.tab-pane.active').removeClass('active');
-      pane.addClass('active');
+    $('ul.tab-nav li a.button.active').removeClass('active');
+    button.addClass('active');
 
-      if (history.pushState) {
-          history.pushState({}, 'RandomAPI :: View Snippets', `view/snippet${tab}`);
-      } else {
-          location.hash = tab;
-      }
+    $('div.tab-content div.tab-pane.active').removeClass('active');
+    pane.addClass('active');
 
-      return false;
+    if (history.pushState) {
+        history.pushState({}, 'RandomAPI :: View Snippets', `view/snippet${tab}`);
+    } else {
+        location.hash = tab;
     }
 
-    $("select[name='revision']").change(updateRevision);
+    return false;
+  }
 
-    function updateRevision() {
-      let self = this;
-      let code = $(this).parent().siblings('td').children('a[name="codeSnippet"]');
-      let edit = $(this).parent().siblings('td').children('a[name="editSnippet"]');
+  $("select[name='revision']").change(updateRevision);
 
-      let codeIndex = code.attr('href').lastIndexOf('/');
-      let editIndex = edit.attr('href').lastIndexOf('/');
+  function updateRevision() {
+    let self = this;
+    let code = $(this).parent().siblings('td').children('a[name="codeSnippet"]');
+    let edit = $(this).parent().siblings('td').children('a[name="editSnippet"]');
 
-      code.attr('href', code.attr('href').slice(0, codeIndex) + '/' + $(this).val());
-      edit.attr('href', edit.attr('href').slice(0, editIndex) + '/' + $(this).val());
+    let codeIndex = code.attr('href').lastIndexOf('/');
+    let editIndex = edit.attr('href').lastIndexOf('/');
 
-      let created  = $(this).parent().siblings('td').children('span[name="created"]');
-      let modified = $(this).parent().siblings('td').children('span[name="modified"]');
+    code.attr('href', code.attr('href').slice(0, codeIndex) + '/' + $(this).val());
+    edit.attr('href', edit.attr('href').slice(0, editIndex) + '/' + $(this).val());
 
-      $.when($.ajax(`ajax/snippetLookup/${$(this).closest('tr').data('ref')}/${$(this).val()}`)).then(function(data) {
-        if (data.published === 1) {
-          code.html('View Snippet');
-        } else {
-          code.html('Code Snippet');
-        }
-      });
-    }
-
-    $('select').each(function () {
-      var select = $(this);
-      var selectedValue = select.find('option[selected]').val();
+    let created  = $(this).parent().siblings('td').children('span[name="created"]');
+    let modified = $(this).parent().siblings('td').children('span[name="modified"]');
 
-      if (selectedValue) {
-        select.val(selectedValue);
+    $.when($.ajax(`ajax/snippetLookup/${$(this).closest('tr').data('ref')}/${$(this).val()}`)).then(function(data) {
+      if (data.published === 1) {
+        code.html('View Snippet');
       } else {
-        select.prop('selectedIndex', 0);
+        code.html('Code Snippet');
       }
     });
+  }
+
+  $('select').each(function () {
+    var select = $(this);
+    var selectedValue = select.find('option[selected]').val();
+
+    if (selectedValue) {
+      select.val(selectedValue);
+    } else {
+      select.prop('selectedIndex', 0);
+    }
+  });
 });
 
 function revisionPublishPrompt(ref, name, rev) {