Freelance Expert Technique Magento - scroll

CONTACT
RSS

Posts Tagged ‘ scroll

jQuery Return top

Je vous partage ici un petit code permettant de créer facilement un retour en haut de page qui est vachement lol.
Le principe est que ce dernier ne doit s’afficher que si on scroll suffisamment au sein de notre page.

Je ne vais pas dĂ©tailler le code javascript car il est d’une simplicitĂ© exemplaire, le voici :

function return_to_top(){
	jQuery(window).scroll(function () {
		if(jQuery(window).scrollTop() > 500){
			jQuery('div#my_return_to_top').show('slide');
		}else{
			jQuery('div#my_return_to_top').hide('slide');
		}
	});

	jQuery('div#my_return_to_top').click(function(){
		jQuery('html, body').animate({scrollTop:0}, 'slow');
		return false;
	});
}
CATÉGORIES :

Javascript

, Tutoriels

, jQuery

JS – Navigation flĂ©chĂ©e sur votre site

Après mon tuto “adapter son site au navigateur de l’utilisateur”, qui permet donc d’avoir un site plus ou moins original, je vais attaquer une autre facette de jQuery en matière de design et d’ergonomie. Une navigation flĂ©chĂ©e toute bĂŞte qui reprendra ce que j’avais fait dans mon prĂ©cĂ©dent tutoriel et qui s’adresse aux novices grâce Ă  de nombreux exemples interactifs ;) Attention, long tuto !

LIRE LA SUITE

CATÉGORIES :

jQuery