IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

scrolling progressif acc�l�r�


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre tr�s actif Avatar de guitz
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2006
    Messages
    728
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : Juillet 2006
    Messages : 728
    Par d�faut scrolling progressif acc�l�r�
    Bonjour,

    Je souhaite d�velopper une simple fonction qui fait un scrolling progressif depuis la position de la barre de scroll actuelle, vers une certaine coordonn�e y.

    Donc cette fonction n'a qu'un param�tre :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    function scroll(target_y){
     
    }
    Voil� je ne suis pas venu pour qu'on me mache le travail, simplement pour avoir un peu d'aide dans chaque �tape de la programmation qui me pose pb.

    Pourriez vous juste me dire comment faire un moteur ? et apr�s je pourrai me lancer dans l'impl�mentation

    Merci

  2. #2
    Membre tr�s actif Avatar de guitz
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2006
    Messages
    728
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : Juillet 2006
    Messages : 728
    Par d�faut
    Re, j'ai programm� ma fonction et comme je re�oit pas mal d'aide sur ce site la moindre des choses c'est d'en faire profiter notre communaut� :

    Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
     
            speed = 1;
    	acc = 0.5;
    	histor_pos = new Array();
     
    	function deplace(final_pos){
     
    		document.documentElement.scrollTop += speed;
    		histor_pos.push(document.documentElement.scrollTop);
    		speed += acc;
     
    		if(histor_pos.length > 1){
    			if(document.documentElement.scrollTop > final_pos || histor_pos[histor_pos.length - 1] == histor_pos[histor_pos.length - 2]){
    				clearInterval(timer);
    				document.documentElement.scrollTop = final_pos;
    				speed = 1;
    				histor_pos = [];
    			}
    		}
     
    	}
     
    	...
     
            ...
     
    timer = setInterval('deplace(document.getElementById(\"previsualisation\").offsetTop)',25);


    histor_pos sert d'historique aux positions de la barre de scroll pour �viter de ne jamais sortir du setInterval (si le scroll na pas pu aller jusqu'� final_pos �tant donn� quil ny a pas assez de contenu sur la page) et donc de ne pas initialiser les variable de vitesse et acceleration entre chaque d�placement.

    Si on ne proc�de pas ainsi les d�placement vont �tre de plus en plus rapides si on les enchaine. on v�rifie les 2 derniers index de histor_pos et s'ils ont la m�me valeur alors cest que la barre de scroll ne peut plus aller plus loin, du coup on fait clearInterval() + initialisation.

    Voil� pour un tween acc�l�r�. Demain je vais faire un tween encore plus sympa car plus r�aliste, � savoir acc�l�ration puis � mi chemin d�c�l�ration

    A demain donc pour le d�nouement de cette merveilleuse aventure

  3. #3
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    et un animate scrollTop avec un easing ?
    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

    Venez sur le Chat de D�veloppez !

  4. #4
    Membre tr�s actif Avatar de guitz
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2006
    Messages
    728
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : Juillet 2006
    Messages : 728
    Par d�faut
    Que veux tu dire par l� ?

  5. #5
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    Ben un petit script JQuery d'une ou deux lignes
    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

    Venez sur le Chat de D�veloppez !

  6. #6
    Membre tr�s actif Avatar de guitz
    Homme Profil pro
    Webdesigner
    Inscrit en
    Juillet 2006
    Messages
    728
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (�le de France)

    Informations professionnelles :
    Activit� : Webdesigner

    Informations forums :
    Inscription : Juillet 2006
    Messages : 728
    Par d�faut
    Oui j'aurais sans doute du faire �a mais maintenant c'est trop tard j'ai trop avanc� dans mon code

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 1
    Dernier message: 13/06/2008, 19h38
  2. Fenetre sans Scroll Bar
    Par nicolas78986 dans le forum MFC
    R�ponses: 15
    Dernier message: 01/06/2007, 03h15
  3. le fameux scrolling
    Par tanmieu dans le forum DirectX
    R�ponses: 4
    Dernier message: 27/05/2003, 23h25
  4. scrolling vertical et horizontal
    Par myriam dans le forum MFC
    R�ponses: 2
    Dernier message: 24/01/2003, 17h06
  5. scroll dans un label
    Par Pretender dans le forum Composants VCL
    R�ponses: 9
    Dernier message: 27/09/2002, 17h06

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo