From 76cef53523f58fe218bd44b9c3551fb0b2bea793 Mon Sep 17 00:00:00 2001
From: Divlo <contact@divlo.fr>
Date: Fri, 23 Aug 2019 20:23:57 +0200
Subject: [PATCH] Arrow footer animation

---
 incl/footer.php |  2 +-
 scripts/main.js | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/incl/footer.php b/incl/footer.php
index 6c0a37d..0593598 100644
--- a/incl/footer.php
+++ b/incl/footer.php
@@ -1,5 +1,5 @@
         <footer class="text-center">
-            <a href="#" class="important"><i class="fas fa-arrow-up"></i></a>
+            <a href="#" class="scroll-top important"><i class="fas fa-arrow-up"></i></a>
             <div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div>
             <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>
         </footer>
diff --git a/scripts/main.js b/scripts/main.js
index 920c965..9f61043 100644
--- a/scripts/main.js
+++ b/scripts/main.js
@@ -123,6 +123,21 @@ $(function () {
     /* Permet d'afficher l'heure en temps réel sur le footer */
     window.onload = realDateTime('realDateTime');
 
+    /* Window Scroll Top Button */
+    var $btnScrollTop = $('.scroll-top');
+    $(window).scroll(function () {
+        if ($(this).scrollTop() > 100) {
+            $btnScrollTop.fadeIn();
+        } else {
+            $btnScrollTop.fadeOut();
+        }
+    });
+
+    $btnScrollTop.on('click', function () {
+        $('html, body').animate({scrollTop: 0}, 800);
+        return false;
+    });
+
     // Fin de l'import des fonctions
     });
     // Fin de l'import des variables