Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 3 sur 3
  1. #1
    Membre confirmé
    Inscrit en
    octobre 2005
    Messages
    769
    Détails du profil
    Informations forums :
    Inscription : octobre 2005
    Messages : 769
    Points : 202
    Points
    202

    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.

    @+

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur
    Inscrit en
    mars 2002
    Messages
    35 109
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 64
    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 : 35 109
    Points : 59 400
    Points
    59 400

    Par défaut

    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.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  3. #3
    Membre confirmé
    Inscrit en
    octobre 2005
    Messages
    769
    Détails du profil
    Informations forums :
    Inscription : octobre 2005
    Messages : 769
    Points : 202
    Points
    202

    Par défaut

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

    @+

+ Répondre à la discussion
Cette discussion est résolue.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •