fix long toc issue

1 files changed, 19 insertions, 0 deletions

diff --git a/layouts/partials/script/single-script.html b/layouts/partials/script/single-script.html
index 26c905f..456f2cf 100644
--- a/layouts/partials/script/single-script.html
+++ b/layouts/partials/script/single-script.html
@@ -12,6 +12,8 @@
 <script defer src="{{ $prop.RelPermalink }}"></script>
 {{ $fadeinout := resources.Get "js/helper/fadeinout.js" | resources.Minify }}
 <script defer src="{{ $fadeinout.RelPermalink }}"></script>
+{{ $throttle := resources.Get "js/helper/throttle.js" | resources.Minify }}
+<script defer src="{{ $throttle.RelPermalink }}"></script>
 
 {{ if in .Params.Libraries "d3" }}
   <script defer src="{{ $d3.d3.url }}" integrity="{{ $d3.d3.sri }}" crossorigin="anonymous"></script>
@@ -336,6 +338,23 @@
       }) : null;
     }
     // =================================================================
+    
+    
+    
+    // ======================== TOC height calc ========================
+    var topOffset = 120;
+    var botOffset = 70;
+    var handleWindowResize = function () {
+      if (tocElem) {
+        tocElem.style.maxHeight = (window.innerHeight - topOffset - botOffset) + 'px';
+      }
+    }
+    var throttledWindowResize = throttle(handleWindowResize, 300);
+    throttledWindowResize()
+
+    
+    window.addEventListener('resize', throttledWindowResize);
+    // =================================================================