diff --git a/src/includes/docs/nav.html b/src/includes/docs/nav.html
index 18c5344..0724e22 100644
--- a/src/includes/docs/nav.html
+++ b/src/includes/docs/nav.html
@@ -1,5 +1,5 @@
 <nav class="sidebar">
-	<ul>
+	<ul class="toc-list">
 		<li><a href="/docs/">Welcome</a></li>
 		<li><a href="https://caddy.community/c/wiki/13">Wiki <img src="/resources/images/external-link.svg"></a></li>
 
@@ -38,7 +38,7 @@
 		<li><a href="/docs/modules/">Modules</a></li>
 		<li><a href="/docs/json/">JSON Config Structure</a></li>
 		<li><a href="/docs/automatic-https">Automatic HTTPS</a></li>
-		
+
 		<li class="heading">Articles</li>
 		<li><a href="/docs/v2-upgrade">Upgrading to Caddy 2</a></li>
 		<li><a href="/docs/conventions">Conventions</a></li>
diff --git a/src/resources/css/docs.css b/src/resources/css/docs.css
index 76f9785..8c1d5ae 100644
--- a/src/resources/css/docs.css
+++ b/src/resources/css/docs.css
@@ -110,6 +110,14 @@ main > nav.sidebar {
 	font-size: 16px;
 }
 
+main > nav.sidebar > .toc-list {
+	position: sticky;
+	max-height: calc(100vh - env(safe-area-inset-bottom));
+	top: 0;
+	padding-top: 24px;
+	overflow-y: auto;
+}
+
 main nav li img,
 article li img,
 img.external-link {
@@ -1030,14 +1038,14 @@ td code {
 		background-color: #000;
 		color: #ccc;
 	}
-	
+
 	.json .key a:not([href]) {
 		color: #bdd6f7
 	}
 
 	#hovercard,
 	.arrow-box {
-		background-color: #0a192b; 
+		background-color: #0a192b;
 	}
 
 	.arrow-box:after {