Persistent active tabs: prevent page scroll on click

Persistent active tabs: prevent page scroll on click

I'm implementing this method of maintaining an active tab through multiple page loads, generously provided by @jakecigar

https://forum.jquery.com/topic/maintain-active-tab-through-multiple-page-loads

But I'm finding that clicking a tab causes the page to jump/scroll to the location of the ID of the tab's content. Here's an example:

https://jsfiddle.net/dadra/n2r1uhjm/2/

I need the page to not jump to the ID when clicking on a tab, or when the "active" tab is loaded when opening a new page from the list of links.  Any ideas?  Thanks in advance for any help!