probleme de scroll up
- Accueil
- Forum
- Programmation
- PHP
- probleme de scroll up
AgnesTheApple Le 8 juillet 2018 à 17:23 (Édité le 25 janvier 2019 à 17:54)
Merci encore pour vos reponses!
😆😆😆
konis Le 9 juillet 2018 à 00:46 (Édité le 1 janvier 1970 à 01:00)
<!-- SCRIPTS -->
<script type="text/javascript">
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return false;
}
</script>
konis Le 9 juillet 2018 à 00:48 (Édité le 1 janvier 1970 à 01:00)
<a class="back-to-top" onclick="topFunction()" id="myBtn"><i class="ion-chevron-up"></i></a>
Et le css:
.back-to-top i{text-align: center;}
.back-to-top {
display: none;
position: absolute;
bottom: 50px;
right: 20px;
height: 50px;
width: 50px;
text-align: center;
font-size: 25px;
line-height: 52px;
background: #1769aa;
cursor: pointer;
color: #fff;
position: fixed;
}