index.html.in: don't hide the body overflow on the menu screen

diff --git a/index.html.in b/index.html.in
index 454cca8758c764c53b367f0c108bc7a07c491c63..cd71cbb97c80c334aef519d20a5a84e66e77283f 100644 (file)
--- a/index.html.in
+++ b/index.html.in
@@ -26,13 +26,6 @@
         background: transparent;
       }
 
-      html, body {
-        /* To create our "window" onto the scene, we're going to slide the
-         * SVG off the left-hand side of the screen, and we don't want
-         * scroll bars to appear. */
-        overflow: hidden;
-      }
-
       svg {
         /* Set the height to 100% of the screen, which we'll keep; and the
          *  initial position to (0,0), which we're going to change
@@ -545,6 +538,11 @@
       /******************************************/
 
       function go() {
+        /* To create our "window" onto the scene, we're going to slide the
+         * SVG off the left-hand side of the screen, and we don't want
+         * scroll bars to appear. */
+       document.body.style.overflow = "hidden";
+
         const svg = document.querySelector("svg");
         const menu = document.getElementById("menu");
         svg.style.display = "initial";