Fix back to top button

diff --git a/ui/js/common.js b/ui/js/common.js
index 7e6cf8e2d59e3c3412f515fcb43379044885b9bd..c09db7feb123fe3163a3222dab430eb31262f32b 100644 (file)
--- a/ui/js/common.js
+++ b/ui/js/common.js
@@ -174,16 +174,17 @@ $(function() {
 
     _bindFomanticComponents();
 
-    if ( $('#back2top').length > 0 ) {
-        if (!$('#wrapper').scrollTop() && !$('html').scrollTop() ) {
-            $('#back2top').fadeOut();
+    var _back2Top = document.getElementById("back2top");
+    document.body.addEventListener('scroll', function() {
+        if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
+            _back2Top.style.display = "block";
+        } else {
+            _back2Top.style.display = "none";
         }
-        $(window).scroll(function() {
-            if ($(this).scrollTop()) {
-                $('#back2top').fadeIn();
-            } else {
-                $('#back2top').fadeOut();
-            }
-        });
+    });
+    _back2Top.onclick = function(event){
+        event.preventDefault();
+        document.body.scrollTop = 0;
+        document.documentElement.scrollTop = 0;
     }
 });

diff --git a/ui/semantic/galette/globals/site.overrides b/ui/semantic/galette/globals/site.overrides
index 0c7a7a2e6e3e2579ede35b1cb7c0a037fe0d8d65..166f033c56a70d8539b95cc5c6ccb38e46ba9077 100644 (file)
--- a/ui/semantic/galette/globals/site.overrides
+++ b/ui/semantic/galette/globals/site.overrides
@@ -288,15 +288,12 @@ ul.leaders span + span {
     Back top top button
 --------------------------*/
 #back2top {
+  display: none;
   position: fixed;
-  right: 0;
-  bottom: 0;
+  right: .5rem;
+  bottom: .5rem;
   z-index: 2;
-  opacity: 0.45;
-}
-
-#back2top:hover {
-  opacity: 1;
+  border: 1px solid @borderColor;
 }
 
 /*------------------------------------------------