diff --git a/demo/client/css/pathfinder.css b/demo/client/css/pathfinder.css
index 956ccc7e..46a12e2c 100644
--- a/demo/client/css/pathfinder.css
+++ b/demo/client/css/pathfinder.css
@@ -1,3 +1,6 @@
+body.pf-unscrollable {
+    overflow: hidden;
+}
 nav {
     -moz-user-select: none;
     user-select: none;
diff --git a/demo/client/html/3d-demo.html.hbs b/demo/client/html/3d-demo.html.hbs
index 84a43792..f6c15ae8 100644
--- a/demo/client/html/3d-demo.html.hbs
+++ b/demo/client/html/3d-demo.html.hbs
@@ -6,7 +6,7 @@
         {{>partials/header.html}}
         <script type="text/javascript" src="/js/pathfinder/3d-demo.js"></script>
     </head>
-    <body>
+    <body class="pf-unscrollable">
         {{>partials/navbar.html isDemo=true}}
         <canvas id="pf-canvas" width="400" height="300"></canvas>
         <div class="fixed-bottom mb-3 d-flex justify-content-between align-items-end pf-pointer-events-none">
diff --git a/demo/client/html/benchmark.html.hbs b/demo/client/html/benchmark.html.hbs
index 63669546..3a15591f 100644
--- a/demo/client/html/benchmark.html.hbs
+++ b/demo/client/html/benchmark.html.hbs
@@ -6,7 +6,7 @@
         {{>partials/header.html}}
         <script type="text/javascript" src="/js/pathfinder/benchmark.js"></script>
     </head>
-    <body>
+    <body class="pf-unscrollable">
         {{>partials/navbar.html isTool=true}}
         <canvas id="pf-canvas" class="pf-draggable" width="400" height="300"></canvas>
         <div id="pf-nonoverlapping-bottom-bar"
diff --git a/demo/client/html/mesh-debugger.html.hbs b/demo/client/html/mesh-debugger.html.hbs
index 61e5f627..7bf4acd8 100644
--- a/demo/client/html/mesh-debugger.html.hbs
+++ b/demo/client/html/mesh-debugger.html.hbs
@@ -6,7 +6,7 @@
         {{>partials/header.html}}
         <script type="text/javascript" src="/js/pathfinder/mesh-debugger.js"></script>
     </head>
-    <body>
+    <body class="pf-unscrollable">
         {{>partials/navbar.html isTool=true}}
         <canvas id="pf-canvas" width="400" height="300"></canvas>
     </body>
diff --git a/demo/client/html/svg-demo.html.hbs b/demo/client/html/svg-demo.html.hbs
index 4a7fcf5c..2b827adc 100644
--- a/demo/client/html/svg-demo.html.hbs
+++ b/demo/client/html/svg-demo.html.hbs
@@ -6,7 +6,7 @@
         {{>partials/header.html}}
         <script type="text/javascript" src="/js/pathfinder/svg-demo.js"></script>
     </head>
-    <body>
+    <body class="pf-unscrollable">
         {{>partials/navbar.html isDemo=true}}
         <canvas id="pf-canvas" class="pf-draggable" width="400" height="300"></canvas>
         <svg id="pf-svg" xmlns="http://www.w3.org/2000/svg" width="400" height="300"></svg>
diff --git a/demo/client/html/text-demo.html.hbs b/demo/client/html/text-demo.html.hbs
index 85059c37..c2147658 100644
--- a/demo/client/html/text-demo.html.hbs
+++ b/demo/client/html/text-demo.html.hbs
@@ -6,7 +6,7 @@
         {{>partials/header.html}}
         <script type="text/javascript" src="/js/pathfinder/text-demo.js"></script>
     </head>
-    <body>
+    <body class="pf-unscrollable">
         {{>partials/navbar.html isDemo=true}}
         <canvas id="pf-canvas" class="pf-draggable" width="400" height="300"></canvas>
         <div class="fixed-bottom mb-3 d-flex justify-content-between align-items-end pf-pointer-events-none">
