Discussion :

[Tchupacabra]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

@+

[SpaceFrog]

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

[Tchupacabra]

Merci SpaceFrog mais je souhaitai quelques choses de plus évolué quand même...

Voici ce que j'ai trouvé actuellement...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

@+