diff --git a/site/layouts/partials/js.html b/site/layouts/partials/js.html
index 23959cd0c7..4a8e1ca82a 100644
--- a/site/layouts/partials/js.html
+++ b/site/layouts/partials/js.html
@@ -330,3 +330,5 @@
 <script type="text/javascript" src="{{ "js/onScrollMenu.js" | absURL }}"></script>
 <!-- PayPal donation Script -->
 <script type="text/javascript" src="{{ "js/donate.js" | absURL }}"></script>
+<!--Hiding/Displaying the move to top chevron on scroll-->
+<script type="text/javascript" src="{{ "js/hideChevronOnScroll.js" | absURL }}"></script>
\ No newline at end of file
diff --git a/site/layouts/partials/legal.html b/site/layouts/partials/legal.html
index 4b4a844e84..4301c7fd64 100644
--- a/site/layouts/partials/legal.html
+++ b/site/layouts/partials/legal.html
@@ -12,7 +12,7 @@ <h2 class="hidden">Legal Information</h2>
 </section>
 
 <a class="page-scroll hiddenlink" href="#page-top" title="Scroll to top">
-  <div id="scroll-to-top">
+  <div id="scroll-to-top" style="display: none;">
     <i class="fa fa-chevron-up" aria-hidden="true"></i>
   </div>
 </a>
diff --git a/site/static/js/hideChevronOnScroll.js b/site/static/js/hideChevronOnScroll.js
new file mode 100644
index 0000000000..30ed469602
--- /dev/null
+++ b/site/static/js/hideChevronOnScroll.js
@@ -0,0 +1,8 @@
+//script to hide/show the "move to top" chevron on scroll
+$(window).scroll(function() {
+  if ($(this).scrollTop() > 700) {
+    $("#scroll-to-top").fadeIn();
+  } else {
+    $("#scroll-to-top").fadeOut();
+  }
+});