only apply overscroll-behavior to scrolling elements

Author: mojavelinux

src/css/base.css

@@ -86,10 +86,6 @@ table {
   opacity: 0.5;
 }
 
-body * {
-  overscroll-behavior: none;
-}
-
 @supports (scrollbar-width: thin) {
   body * {
     scrollbar-width: thin;

src/css/header.css

@@ -235,6 +235,7 @@ body {
     box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
     max-height: var(--body-min-height);
     overflow-y: auto;
+    overscroll-behavior: none;
     padding: 0.5rem 0;
   }
 

src/css/nav.css

@@ -73,6 +73,7 @@
 
 .nav-panel-menu {
   overflow-y: scroll;
+  overscroll-behavior: none;
   height: var(--nav-panel-menu-height);
 }
 

src/css/toc.css

@@ -35,6 +35,7 @@
 .toc.sidebar .toc-menu ul {
   max-height: var(--toc-height);
   overflow-y: auto;
+  overscroll-behavior: none;
   scrollbar-width: none;
 }