diff --git a/assets/bluemap-scrollbehaviour.js b/assets/bluemap-scrollbehaviour.js
new file mode 100644
index 0000000..44bad00
--- /dev/null
+++ b/assets/bluemap-scrollbehaviour.js
@@ -0,0 +1,8 @@
+// Mouseover event to remove scrolling from parent window's document.
+document.body.addEventListener('mouseover', function() {
+    parent.window.document.html.style.overflow = 'hidden';
+  });
+  // Mouseover event to restore scrolling on parent window's document.
+  document.body.addEventListener('mouseleave', function() {
+    parent.window.document.html.style.overflow = '';
+  });
\ No newline at end of file
diff --git a/layouts/shortcodes/bluemap.html b/layouts/shortcodes/bluemap.html
new file mode 100644
index 0000000..0c104a7
--- /dev/null
+++ b/layouts/shortcodes/bluemap.html
@@ -0,0 +1,3 @@
+<div>
+    <iframe class="bluemap" src="{{ index .Params 0 }}" title="{{- index .Params 1 | markdownify -}}"></iframe>
+</div>