From 44dbcd6f34c676cefbacf12f18d9883c597a681a Mon Sep 17 00:00:00 2001
From: Track3 <pengliabc@live.cn>
Date: Tue, 23 Oct 2018 13:15:50 +0800
Subject: First commit

---
 assets/js/main.js | 78 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)
 create mode 100644 assets/js/main.js

(limited to 'assets/js')

diff --git a/assets/js/main.js b/assets/js/main.js
new file mode 100644
index 0000000..ed98d94
--- /dev/null
+++ b/assets/js/main.js
@@ -0,0 +1,78 @@
+/**
+ * Utils
+ */
+
+// Throttle
+//
+const throttle = (callback, limit) => {
+  let timeoutHandler = null;
+  return () => {
+    if (timeoutHandler == null) {
+      timeoutHandler = setTimeout(() => {
+        callback();
+        timeoutHandler = null;
+      }, limit);
+    }
+  };
+};
+
+/**
+ * Functions
+ */
+
+// Auto Hide Header
+//
+let lastScrollPosition = window.pageYOffset;
+let header = document.getElementById('site-header');
+
+const autoHideHeader = () => {
+  let currentScrollPosition = window.pageYOffset;
+  if (currentScrollPosition > lastScrollPosition) {
+    header.classList.remove('slideInUp');
+    header.classList.add('slideOutDown');
+  } else {
+    header.classList.remove('slideOutDown');
+    header.classList.add('slideInUp');
+  }
+  lastScrollPosition = currentScrollPosition;
+}
+
+// Mobile Menu Toggle
+//
+let mobileMenu = document.getElementById('mobile-menu');
+let mobileMenuVisible = false;
+
+const mobileMenuToggle = () => {
+  if (mobileMenuVisible == false) {
+    mobileMenu.style.animationName = 'bounceInRight';
+    mobileMenu.style.webkitAnimationName = 'bounceInRight';
+    mobileMenu.style.display = 'block';
+    mobileMenuVisible = true;
+  } else {
+    mobileMenu.style.animationName = 'bounceOutRight';
+    mobileMenu.style.webkitAnimationName = 'bounceOutRight'
+    mobileMenuVisible = false;
+  }
+}
+
+// Show Featured Image
+//
+const showFeaturedImg = () => {
+  document.getElementById('bg-img').classList.add('show-bg-img');
+}
+
+const showContent = () => {
+  document.getElementById('bg-img').classList.remove('show-bg-img');
+}
+
+if (haveHeader == true) {
+  document.getElementById('menu-btn').addEventListener('click', mobileMenuToggle);
+  
+  window.addEventListener('scroll', throttle(() => {
+    autoHideHeader();
+    
+    if (mobileMenuVisible == true) {
+      mobileMenuToggle();
+    }
+  }, 250));
+}
-- 
cgit v1.2.3