Added animation to totop-scroller

Geeklog-Core · Dec 11, 2016 · 762b256 · 762b256
1 parent 21ffc97
commit 762b256
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/public_html/layout/denim/footer.thtml b/public_html/layout/denim/footer.thtml
@@ -20,7 +20,7 @@
       </div>
     </footer>
 
-    <div id="totop-scroller" data-uk-smooth-scroll>
+    <div id="totop-scroller" style="display: none;" data-uk-smooth-scroll>
       <i class="uk-icon-chevron-circle-up"></i>
     </div>
 

diff --git a/public_html/layout/denim/javascript/script.js b/public_html/layout/denim/javascript/script.js
@@ -90,4 +90,13 @@ $(function() {
             break;
     }
     $('#header-content > a.tm-toggle').attr('data-uk-offcanvas', "{mode:'" + oc_mode + "'}");
+
+    var totop = $('#totop-scroller');
+    $(window).scroll(function() {
+        if ($(this).scrollTop() > 400) {
+            totop.fadeIn();
+        } else {
+            totop.fadeOut();
+        }
+    });
 });