animations also in contact and experience section

2020-03-31 22:52:31 +02:00
parent 68595415d3
commit 2966ca55ba
6 changed files with 98 additions and 23 deletions
--- a/js/index.js
+++ b/js/index.js
@@ -0,0 +1,32 @@
+$(function () {
+    ;(function ($, win) {
+        $.fn.inViewport = function (cb) {
+            return this.each(function (i, el) {
+                function visPx() {
+                    const H = $(this).height(),
+                        r = el.getBoundingClientRect(), t = r.top, b = r.bottom;
+                    return cb.call(el, Math.max(0, t > 0 ? H - t : (b < H ? b : H)));
+                }
+
+                visPx();
+                $(win).on("resize scroll", visPx);
+            });
+        };
+    }(jQuery, window));
+
+
+    $("#section3").inViewport(function (px) {
+        if (px) {
+            $("#experienceheader").addClass("animationappear600ms");
+            $("#experiencecontentcontainer").addClass("animationappear300ms");
+        }
+    });
+
+    $("#section5").inViewport(function (px) {
+        if (px) {
+            $("#contactheader").addClass("animationappear600ms");
+            $("#contactsubheader").addClass("animationappear300ms");
+            $(".personalcontacts").addClass("animationappearnow");
+        }
+    });
+})