diff --git a/assets/main.js b/assets/main.js
new file mode 100644
index 0000000..a492f21
--- /dev/null
+++ b/assets/main.js
@@ -0,0 +1,20 @@
+for (const tabLinkElement of document.querySelectorAll(
+	'h2 + .tabs-widget > a[href]'
+)) {
+	const titleElement = tabLinkElement.parentElement.previousElementSibling;
+	tabLinkElement.addEventListener('click', (event) => {
+		event.preventDefault();
+		const hash = tabLinkElement.getAttribute('href');
+		if (history.replaceState) {
+			// This is a weird hack to make sure that the :target selectors actually
+			// get updated:
+			// https://github.com/whatwg/html/issues/639#issuecomment-252716663
+			history.replaceState(null, '', hash);
+			history.pushState(null, '', hash);
+			history.back();
+			titleElement.scrollIntoView(true);
+		} else {
+			location.hash = hash;
+		}
+	});
+}
diff --git a/includes/layouts/base.njk b/includes/layouts/base.njk
index 926680e..dc67760 100644
--- a/includes/layouts/base.njk
+++ b/includes/layouts/base.njk
@@ -100,5 +100,7 @@
 				</div>
 			</div>
 		</footer>
+
+		<script src="/assets/main.js" lang="text/javascript"></script>
 	</body>
 </html>