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

Bibliothèques & Frameworks Discussion :

Scroll de la page vers element avec Fx.SmoothScroll [MooTools]


Sujet :

Bibliothèques & Frameworks

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Par défaut Scroll de la page vers element avec Fx.SmoothScroll
    Bonjour à tous et toutes,

    Voilà, je procéde à la création d'une FAQ basée en utilisant Mootools pour quelques effets sympathique.

    Problème: je souhaite mettre en place des ancres dans les pages de ma FAQ.
    A priori avec l'utilisation de Fx.SmoothScroll, je peux faire défiler la page jusqu'à un élément préciser dans la fonction.

    Question est ce que cet élément est obligatoirement un lien?

    J'ai tenté ceci mais sans succès:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var smScroll = new Fx.SmoothScroll({
           duration: 500,
           links: '#id-question'
    });
    Quelqu'un pourrait-il me venir en aide?

    Merci

  2. #2
    Membre éclairé Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Par défaut
    Bon j'avance un peu dans le problème.

    Je parviens à récupérer la position y de mon élément.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var position = $('id-question').getPosition(); //returns {x: 100, y: 500};
    Par contre comment à partir de cette coordonnées faire descendre l'ascenseur de la fenêtre de autant?

  3. #3
    Membre éclairé Avatar de copin
    Homme Profil pro
    Webmaster
    Inscrit en
    Mai 2005
    Messages
    231
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2005
    Messages : 231
    Par défaut


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    var myFx = new Fx.Scroll(window).toElement('id-element');

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

Discussions similaires

  1. [MySQL] comment renvoyer vers la page d'origine avec un "DIE"
    Par jakol dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 08/08/2010, 07h55
  2. Transfert pages web vers ifrance avec Filzilla
    Par rile07 dans le forum IFrance
    Réponses: 1
    Dernier message: 28/05/2009, 17h29
  3. Mise en page PDF vers html avec tableaux et images
    Par guyoms dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 28/03/2007, 00h14
  4. Créer une zone avec Scroll dans une page html
    Par youcef81 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 04/12/2006, 10h53

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