Add scrollToTop javascript function

2017-04-17 20:37:26 +02:00
parent cef1194ad0
commit d48d1e94a9
2 changed files with 50 additions and 1 deletions
--- a/server/index.php
+++ b/server/index.php
@@ -81,6 +81,21 @@ else
    echo "CLEAR_TIME=$CLEAR_TIME; // Clear master key after 15 minutes\n";
    echo "CRYPTO_V1_COMPATIBLE=$CRYPTO_V1_COMPATIBLE;\n";
    ?>
+    document.addEventListener('DOMContentLoaded', function() {
+    window.onscroll = function(ev) {
+        document.getElementById("buttonTop").className = (window.pageYOffset > 500) ? "cVisible" : "cInvisible";
+    };
+});
+    function scrollToTop()
+    {
+        if (window.pageYOffset == 0)
+            return;
+        target = (window.innerHeight) ? window.innerHeight/5 : 200;
+        toScroll = (window.pageYOffset > target) ? target : window.pageYOffset;
+        window.scrollBy(0, -toScroll);
+
+        setTimeout(scrollToTop, 24);
+    }
    </script>
    <script src="resources/misc.js"></script>
    <script src="resources/gpass.js"></script>
@@ -88,6 +103,7 @@ else
    <title>gPass : global Password</title>
  </head>
  <body onload="start();">
+    <div><a id="buttonTop" class="cInvisible" onclick="scrollToTop();"></a></div>
    <div id="logo">
      <a href="http://indefero.soutade.fr/p/gpass"><img src="resources/gpass.png" alt="logo"/></a>
    </div>