Ceci est une archive non modifiable | This is an unmodifiable archive

Brèves

WebTV

Actualité de la scène

Compétitions

Forum
Index du forum > VaKarM > Suggestions > Bouton : Top
Bouton : Top - 2 messages, 594 vues
1er message
Par OneT0uch - 13/06/2014 10:03:24 - Modifié le 13/06/2014 10:36:41
Bonjour,


Qu'est ce que vous pensez de l'ajout d'un bouton (haut de page).Il serait utile surtout lorsqu'il y a des centaines de commentaires pour pouvoir naviguer plus rapidement.


Concernant le code à ajouter :
(à mettre de préférence à la fin avant la fermeture du body)
<a href="#" id="scrolltotop" class="scrollToTop"></a>

<!--SCROLL UP BEGIN -->
<script>$(document).ready(function(){

//Check to see if the window is top if not then display button
$(window).scroll(function(){
if ($(this).scrollTop() > 150) {
$('.scrollToTop').fadeIn();
} else {
$('.scrollToTop').fadeOut();
}
});

//Click event to scroll to top
$('.scrollToTop').click(function(){
$('html, body').animate({scrollTop : 0},800);
return false;
});
</script>

et dans le css :

.scrollToTop{
width:35px;
height:80px;
padding:10px;

position:fixed;
bottom:5px;
right:40px;
display:none;
background: url('lien de l'image') no-repeat 0px 20px;
}
.scrollToTop:hover{
background: url('lien de l'image en hover') no-repeat 0px 20px;
}

Code uniquement à titre d'exemple.
Réponse #2
Par MarcTw. - 13/06/2014 10:15:40
C'est pas con.
Réponse #3
Par OneT0uch - 13/06/2014 11:22:33
C'est pas con.


Et c'est rapide à mettre en place ;)
Page 1 sur 1