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

jQuery Discussion :

Jquery et scroll


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut Jquery et scroll
    Bonjour,

    J'ai programmé un petit script pour un site web. Ce script gère un plan d'un hameau qui est affiché dans une iframe.

    Le script marche bien sous Firefox et Ie mais pas sous chrome ni Mac (je ne sais pas quel navigateur).

    Le problème vient de cette fonction qui me déplace le plan avec les scroll
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    function bouge(x,y)
    {
     
    plan.document.documentElement.scrollLeft = plan.document.documentElement.scrollLeft + x;	
    plan.document.documentElement.scrollTop = plan.document.documentElement.scrollTop + y;
    			bougeminiature(plan.document.documentElement.scrollLeft,plan.document.documentElement.scrollTop);
     
    				plan.$('#coordxvue').val(plan.document.documentElement.scrollLeft);
    				plan.$('#coordyvue').val(plan.document.documentElement.scrollTop);
     
    }
    J'ai essayer de remplacer par
    Code : 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
     
    function bouge(x,y)
    {
     
     
    alert(self.$('#plan').scrollLeft());
     
    posx=self.$('#plan').scrollLeft()+x;
    posy=self.$('#plan').scrollTop()+y;
     
    alert(self.$('#plan').scrollLeft()+" - "+self.$('#plan').scrollTop());
     
    $('#plan').scrollLeft(posx);
    $('#plan').scrollTop(posy);
     
     
    				bougeminiature(plan.document.documentElement.scrollLeft,plan.document.documentElement.scrollTop);
     
    				plan.$('#coordxvue').val(plan.document.documentElement.scrollLeft);
    				plan.$('#coordyvue').val(plan.document.documentElement.scrollTop);
     
     
    		}
    mais cela ne marche pas...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    alert(self.$('#plan').scrollLeft());
    me renvoie 0 alors que le plan est centré dans ma frame, donc scrollleft ne vaut pas 0.

    Cela fait deux jours que je galère. Je pensais qu'en passant par JQUERY pour les scroll, cela me résoudrait les problèmes de navigateurs...

    Si quelqu'un a une idée...
    Merci

  2. #2
    Invité
    Invité(e)
    Par défaut
    pour les navigateurs de la famille webkit (chrome et safarie) le scroll est recupéré dans document.body et pour les autres dans document.documentElement il faudrait faire un teste de navigateurs et adapter la fonctionselon le navigateur.

  3. #3
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut
    ha lala...

    C'est si simple des fois...

    Je te remercie beaucoup, je n'avais pas trouvé cette information.
    Je vais testé cela ce soir.
    Je marquerai résolu si ça marche...merci beaucoup

  4. #4
    Membre éclairé
    Avatar de Darkyl
    Homme Profil pro
    autodidacte en recherche d'emploi
    Inscrit en
    Novembre 2004
    Messages
    440
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : autodidacte en recherche d'emploi

    Informations forums :
    Inscription : Novembre 2004
    Messages : 440
    Billets dans le blog
    1
    Par défaut
    Ca ne me dit pas pourquoi
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    self.$('#plan').scrollLeft()
    me renvoie 0.... JQUERY se charge de la différence entre navigateurs non?

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

Discussions similaires

  1. scroll infini jquery
    Par linuxien_tun dans le forum jQuery
    Réponses: 2
    Dernier message: 26/12/2011, 11h16
  2. Scroll personnalisé en jquery
    Par Sakura.ha dans le forum jQuery
    Réponses: 2
    Dernier message: 06/11/2011, 23h09
  3. Popup avec JQuery et scroll intempestif
    Par basket dans le forum jQuery
    Réponses: 2
    Dernier message: 19/01/2011, 17h06
  4. [jquery] Faire un simple scroll pour "haut de page"
    Par Tchupacabra dans le forum jQuery
    Réponses: 2
    Dernier message: 11/02/2008, 11h29

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