Arrow footer animation

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

View File

@ -1,5 +1,5 @@
<footer class="text-center"> <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="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> <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>
</footer> </footer>

View File

@ -123,6 +123,21 @@ $(function () {
/* Permet d'afficher l'heure en temps réel sur le footer */ /* Permet d'afficher l'heure en temps réel sur le footer */
window.onload = realDateTime('realDateTime'); 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 fonctions
}); });
// Fin de l'import des variables // Fin de l'import des variables