11486 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai ajouté à mon site un bouton pour remonter en haut de page avec une fluidité de mouvement... cela fonctionne bien sur PC mais pas sur mobile !!!

Pour quelle raison ?

Voici mon code JS :
$(function(){
$('#btn-up').click(function() {
$('html,body').animate({scrollTop: 0}, 'slow');
});

$(window).scroll(function(){
if($(window).scrollTop()<500){
$('#btn-up').fadeOut();
}else{
$('#btn-up').fadeIn();
}
});
});


Mon code html :
<div id="btn-up" title="Menu"><img src="theme/up_button.png"/></div>

Et mon CSS :
#btn-up{
position:fixed;
cursor:pointer;
width:25px; height:25px;
right:5px;
bottom:50%;
display:none;
z-index:1;
}
#btn-up:hover{
position:fixed;
background-image:url(theme/up_button.jpg);
}


Merci d'avance de votre aide.
Modifié par Freemuse (02 Oct 2017 - 07:51)
Administrateur
Freemuse a écrit :
Vous pouvez supprimer le post

Hello Freemuse,

Nous essayons ici de privilégier les échanges plutôt que l'esprit "stackoverflow". Du coup, plutôt que de supprimer le sujet, le plus profitable pour tous serait que tu précises comment le problème a été résolu... cela pourrait servir à quelqu'un d'autre Smiley cligne
Modifié par Raphael (02 Oct 2017 - 09:58)