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 :

Auto scroller une DIV


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 2
    Points
    2
    Par défaut Auto scroller une DIV
    Bonjour à tous,
    je cherche un script 'javascript' qui me permettrais de faire glisser à la verticale une DIV quand on agit sur la scrollbar du navigateur.

    Ma DIV a scroller est situé dans une autre DIV container qui fait la taille de la course max dans laquelle ma div a scroller pourrait bouger...

    j'ai trouvé plusieurs script qui permette presque de faire ça, comme celui ci par exemple: http://www.javascript-fx.com/submits...oat/demo1.html
    Problème la position de la DIV a scroller est toujours définis par rapport a la fenêtre du navigateur, ça ne va pas puisse que mon site est auto centré horizontalement, j'aimerais donc que ce soit définis par rapport a ma DIV container, j'ai essayé de modifier un peu le script mais je connais walou en JS...

    J'ai aussi cherché sur la piste CSS avec notamment "position:fixed", mais rien trouvé...

    Merci à vous.

  2. #2
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    C'est peut-être pas très clair, voila un petit schéma qui tente d'expliquer ce que je cherche à faire...


  3. #3
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Points : 4 835
    Points
    4 835
    Par défaut
    Salut
    voici comment positionner ton élément en fixed :

    http://xhtml.developpez.com/faq/?pag...ans_javascript

    et pour qu'il se positionne par rapport a son parent , n'oublies pas de mettre la position css de son parent a relative .

    bon courage

  4. #4
    Candidat au Club
    Profil pro
    Inscrit en
    Février 2008
    Messages
    3
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 3
    Points : 2
    Points
    2
    Par défaut
    Merci le_chomeur, j'avais pourtant déjà un peu bidouillé de ce coté là, mais sans résultat. Je me suis donc remise dedans plus sérieusement, j'ai un peu modifié le code et j'y suis arrivé, ça fonctionne sous FF et IE

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

Discussions similaires

  1. Scroller une div en fonction du scroll d'une autre
    Par smoulaye dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 05/07/2013, 09h44
  2. [script.aculo.us] Scroll auto sur une div
    Par flashnet dans le forum Bibliothèques & Frameworks
    Réponses: 3
    Dernier message: 16/07/2010, 22h20
  3. height:auto d'une div composée de floats
    Par 5c0rPi0n dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 15/04/2010, 21h34
  4. [PHP-JS] comment faire scroller une div
    Par Garra dans le forum Langage
    Réponses: 4
    Dernier message: 13/04/2007, 14h00
  5. [HTML] Lecture flv dans une "DIV Frame" avec overflow: auto
    Par bigjim21 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 25/10/2006, 00h35

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