Merge pull request #37 from tomanistor/full-nav-no-scroll

Fixed issue #36, Moved scripts

layouts/404.html

@@ -14,5 +14,6 @@ <h1>404!</h1>
 
     </main>
     {{ partial "footer.html" . }}
+    {{ partial "body-bottom" . }}
   </body>
 </html>

layouts/_default/list.html

@@ -27,5 +27,6 @@ <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
 
     </main>
     {{ partial "footer.html" . }}
+    {{ partial "body-bottom" . }}
   </body>
 </html>

layouts/_default/single.html

@@ -32,5 +32,6 @@ <h1>{{ if .Params.heading }} {{ .Params.heading }} {{ else }} {{ .Title }} {{ en
 
     </main>
     {{ partial "footer.html" . }}
+    {{ partial "body-bottom" . }}
   </body>
 </html>

layouts/index.html

@@ -12,5 +12,6 @@
 
     </main>
     {{ partial "footer.html" . }}
+    {{ partial "body-bottom" . }}
   </body>
 </html>

layouts/partials/body-bottom.html

@@ -0,0 +1,11 @@
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
+{{ if .IsHome }}
+  <script src="/scripts/{{ if .Site.Params.cacheBustJS }}{{ index .Site.Data.cachedAssets "index.js" }}{{ else }}index.min.js{{ end }}" type="text/javascript"></script>
+  {{ if .Site.Params.ajaxFormspree }}
+    <script>
+      {{ partial "scripts/contact.min.js" . | safeJS }}
+    </script>
+  {{ end }}
+{{ else }}
+  <script src="/scripts/{{ if .Site.Params.cacheBustJS }}{{ index .Site.Data.cachedAssets "main.js" }}{{ else }}main.min.js{{ end }}" type="text/javascript"></script>
+{{ end }}

layouts/partials/footer.html

@@ -23,17 +23,4 @@
     </div>
   {{ end }}
 
-  <!-- Scripts -->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
-  {{ if .IsHome }}
-    <script src="/scripts/{{ if .Site.Params.cacheBustJS }}{{ index .Site.Data.cachedAssets "index.js" }}{{ else }}index.min.js{{ end }}" type="text/javascript"></script>
-    {{ if .Site.Params.ajaxFormspree }}
-      <script>
-        {{ partial "scripts/contact.min.js" . | safeJS }}
-      </script>
-    {{ end }}
-  {{ else }}
-    <script src="/scripts/{{ if .Site.Params.cacheBustJS }}{{ index .Site.Data.cachedAssets "main.js" }}{{ else }}main.min.js{{ end }}" type="text/javascript"></script>
-  {{ end }}
-
 </footer>

static/scripts/src/index.js

@@ -61,6 +61,15 @@ var toggle = function(el) {
     });
   });
 
+  // Disable scroll when full screen nav is open
+  $('body').addEventListener('click', function() {
+    if ($('.nav-full').classList.contains('active')) {
+      $('html').style.overflowY = 'hidden';
+    } else {
+      $('html').style.overflowY = 'scroll';
+    }
+  });
+
 }());
 
 // Mobile browsers viewport height bug fix

static/scripts/src/main.js

@@ -43,6 +43,15 @@ var toggle = function(el) {
     });
   });
 
+  // Disable scroll when full screen nav is open
+  $('body').addEventListener('click', function() {
+    if ($('.nav-full').classList.contains('active')) {
+      $('html').style.overflowY = 'hidden';
+    } else {
+      $('html').style.overflowY = 'scroll';
+    }
+  });
+
   // Highlight.js initialization
   hljs.initHighlightingOnLoad();
 }());