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