Smooth scroll to contact section

1 files changed, 14 insertions, 0 deletions

diff --git a/static/js/main.js b/static/js/main.js
index 41ca242..8f9bb0c 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -37,6 +37,15 @@ menuBtn.click(function(){
   }
 });
 
+function scrollTo(target) {
+  const top = $(target).offset().top;
+  const duration = 500;
+  const changeHash = function() {
+    location.hash = target
+  };
+  $("html, body").animate({ scrollTop: top }, duration, changeHash);
+}
+
 $(document).ready(function(){
   var elements = $(".sidebar > .main-info *");
 
@@ -52,4 +61,9 @@ $(document).ready(function(){
     $(".main-content").addClass("active");
   }, 1900);
 
+  $("#sidebar a.btn[href='#contact']").on("click", function (event) {
+    event.preventDefault();
+
+    scrollTo($.attr(this, "href"));
+  });
 });
\ No newline at end of file