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 :

Utilisation du scroll


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Diletente
    Inscrit en
    Février 2016
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : Diletente

    Informations forums :
    Inscription : Février 2016
    Messages : 36
    Par défaut Utilisation du scroll
    Bonjour

    J'ai une div appelée Top que je souhaite voir disparaitre quand je scroll et que la position arrive à 200... Pas de problème avec le code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(window).bind('scroll', function(e) {	
                var val = $(this).scrollTop();
    			 $('#scroll-top-mobile').html('scroll top: ' + val + 'px').show();
    			if (val > 200 ) {
                     $('#top').hide();
     $('#top2').show();
                } });
    Et je remplace Top par Top2.

    Mais le problème est que j'aimerais que Top réaparraisse si je scrolle vers le bas quand Top2 est affichée mais étant donné que Top2 est en haut et que ma page n'est plus assez grande, pas de scrool possible...

    Je pense que je ne m'y prends pas comme il faut.

    La finalité étant de faire comme la page www.pagesjaunes.fr par exemple.

    Peut etre devrais-je, au lieu de la faire disparaitre, la faire monter encore plus haut afin qu elle quitte l'écran et afficher Top2 en position fixe en haut de l'écran... mais ça je ne sais pas faire, je découvre jQuery aussi.

    Merci de vos conseils.

  2. #2
    Membre averti
    Homme Profil pro
    Diletente
    Inscrit en
    Février 2016
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : Diletente

    Informations forums :
    Inscription : Février 2016
    Messages : 36
    Par défaut
    Bon, je suis parvenu à faire cela :

    Peut-être devrais-je, au lieu de la faire disparaître, la faire monter encore plus haut afin qu elle quitte l'écran et afficher Top2 en position fixe en haut de l'écran.
    Le problème maintenant est que cela ne fonctionne qu'avec les ascenseurs, Top s affiche à nouveau. Par contre, si je scroll avec la roulette de la souris, je ne passe jamais le palier de 200 et suis figé sur Top2.

    La méthode n'est peut-être pas la bonne.

    Merci de votre aide.

    EDIT : En plus je viens de m apercevoir que si j ai l'écran réduit type mobile, les tailles ne sont plus les mêmes donc je suis vraiment coincé là...

  3. #3
    Membre averti
    Homme Profil pro
    Diletente
    Inscrit en
    Février 2016
    Messages
    36
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Loir et Cher (Centre)

    Informations professionnelles :
    Activité : Diletente

    Informations forums :
    Inscription : Février 2016
    Messages : 36
    Par défaut
    J ai trouvé la solution ici : http://jsfiddle.net/uaqh018d/30/

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

Discussions similaires

  1. Utiliser un scroll dans un canvas
    Par huntox dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 30/10/2013, 11h08
  2. Affichage de webView en utilisant le scroll horizontal
    Par Invité dans le forum Composants graphiques
    Réponses: 20
    Dernier message: 06/07/2011, 09h19
  3. [JDialog] Ajouter un scroll quand on n'utilise pas de Layout
    Par mavina dans le forum Agents de placement/Fenêtres
    Réponses: 6
    Dernier message: 14/10/2008, 13h03
  4. Scroll bar qui active des lien lorsqu'on l'utilise
    Par pierrax dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 18/02/2008, 19h35
  5. Utiliser une scroll bar dans une fenêtre
    Par Silverstone dans le forum C++
    Réponses: 1
    Dernier message: 29/12/2006, 00h51

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