theoludwig/FunctionProject
theoludwig/FunctionProject
1
1
Fork 0
Code Pull Requests Actions Releases Activity

Arrow footer animation

Browse Source
This commit is contained in:
Divlo 2019-08-23 20:23:57 +02:00
parent 0c18049729
commit 76cef53523
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
incl/footer.php
View File

@ -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>

15
scripts/main.js
View File

@ -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