Précédent   Forum du club des développeurs et IT Pro > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse
 
Outils de la discussion
Publicité
'
Vieux 08/02/2008, 16h15   #1
Tchupacabra
Membre actif
 
Inscription : octobre 2005
Messages : 663
Détails du profil
Informations forums :
Inscription : octobre 2005
Messages : 663
Points : 155
Points : 155
Par défaut [jquery] Faire un simple scroll pour "haut de page"

Bonjour,

à l'aide de jquery 1.2.3, j'aimerais faire un scroll vertical de la fenêtre afin d'améliorer le simple clic sur un bouton "Haut de page"
Code :
<a href="#page" title="Revenir en haut de cette page">Afficher le haut de page</a>
J'ai découvert le plugin jQuery.ScrollShow permettant de le faire mais cela me parait "trop complet".
J'aimerais un truc plus lite gérant un simple scroll vertical de la page avec un p'tit effet de vitesse.
Je pense que jquery le fait nativement mais n'étant pas expert, je m'en remet à votre savoir.

@+
Tchupacabra est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 08/02/2008, 16h17   #2
SpaceFrog
Rédacteur/Modérateur

 
Avatar de SpaceFrog
 
Homme
Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Inscription : mars 2002
Messages : 32 861
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Royaume-Uni

Informations professionnelles :
Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
Secteur : Industrie

Informations forums :
Inscription : mars 2002
Messages : 32 861
Points : 51 455
Points : 51 455
avec un setInterval qui décrémente le scrollTop jusqu'à 0 et un clearInterval pour finir

que l'on pourrait agrémenter d'eun accélération / décéleration en debut et fin de course en augmentant et diminuant le pas ...
__________________
Ma page Developpez - Mon Blog Developpez
Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
Votre post est résolu ? Alors n'oubliez pas le Tag


réalisations :www.planet-languages.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
Humour
SpaceFrog est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 11/02/2008, 11h29   #3
Tchupacabra
Membre actif
 
Inscription : octobre 2005
Messages : 663
Détails du profil
Informations forums :
Inscription : octobre 2005
Messages : 663
Points : 155
Points : 155
Merci SpaceFrog mais je souhaitai quelques choses de plus évolué quand même...

Voici ce que j'ai trouvé actuellement...
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script type="text/javascript" src="/js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="/js/jquery.easing.js"></script>
<script type="text/javascript">
	<!--
window.onload = function() {
	$('a[href*=#]').click(function() {
		var $target = $(this.hash);
		$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
		$('html,body').animate({ scrollTop: $target.offset().top }, 1000, "easeinout");
		return false;
	})
}
	//-->
</script>
ça marche plutôt pas mal...

@+
Tchupacabra est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Cette discussion est résolue.
Outils de la discussion

Navigation rapide


Fuseau horaire GMT +2. Il est actuellement 00h15.


 
 
 
 
Partenaires

Hébergement Web