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

NodeJS Discussion :

Div qui s'affiche pas en premier plan


Sujet :

NodeJS

  1. #1
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    mai 2011
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mai 2011
    Messages : 164
    Points : 79
    Points
    79
    Par défaut Div qui s'affiche pas en premier plan
    Bonjour,

    J'ai deux div une avec une navbar et une autre ou j'ai mis un iframe avec mon rapport power bi je souhaite afficher le navbar quand je scrolle vers le bas j'ai ce message dans la console du navigateur :
    Ce site semble utiliser un effet de positionnement lié au défilement. Cet effet pourrait ne pas fonctionner correctement avec le défilement asynchrone. Consultez https://developer.mozilla.org/docs/M...lLinkedEffects pour obtenir davantage de détails ou discuter des outils et des fonctionnalités liés.
    Voila mon code :
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <div class="divNav scroll-up" >
      <table class="header1" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="2" style="text-align:center"><span class="spanHeader1"><img id="logo2" src="assets\icons\poupee1.png"></span></td>
          <td colspan="2" style="text-align:center"><hr class="leftLine"><span class="spanHeader1">Overview</span> <hr ></td>
          <td colspan="2" style="text-align:center"><span class="spanHeader1">Daily</span><hr></td>
          <td colspan="2" style="text-align:center"><span class="spanHeader1">Dash Quanti</span><hr ></td>
    </tr>
    </table>
    </div>
     
    <div class="report" >
      <iframe (scroll)="onWindowScroll($event);" [src]="this.linkReport" frameborder="0" allowFullScreen="true"></iframe>
    </div>
    CSS :
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    .scroll-up
    {
      visibility: hidden;
    }
    .scroll-down
    {
      visibility: visible;
    }
    Typescript :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    @HostListener('scroll', ['$event'])
      onWindowScroll(e) {
      if (window.scrollY >20) {
          let menu = document.querySelector(".divNav");
          menu.classList.add("scroll-down");
          menu.classList.remove("scroll-up");
          console.log("ok")
        }
      }

    Merci pour votre aide

  2. #2
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 467
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 467
    Points : 38 525
    Points
    38 525
    Par défaut
    Bonjour,
    ce message ne constitue qu'un avertissement et non une erreur, ceci mis à part je n'ai pas saisie ton soucis !

  3. #3
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    mai 2011
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mai 2011
    Messages : 164
    Points : 79
    Points
    79
    Par défaut
    Bonjour,

    Mon soucis c'est que mon div qui contient le navbar ne s'affiche pas quand je défile vers le bas

  4. #4
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 467
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 467
    Points : 38 525
    Points
    38 525
    Par défaut
    Certes tu rends ton élément visible, mais comme tu as scrollé la page il se trouve hors de la page, en haut, essaies de le mettre aussi en position:fixed pour qu'il reste en position haute.

  5. #5
    Membre régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    mai 2011
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : mai 2011
    Messages : 164
    Points : 79
    Points
    79
    Par défaut
    Bonsoir,

    J'ai fais ce que tu m'as dit et ca marche pas. J'ai consulté la console du navigateur car j'ai mis un message dans ma fonction et le message ne s'affiche pas non plus. Je pense qu'il y'a un problème au niveau de la fonction ou l'emplacement ou je l'appelle en html non?

  6. #6
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    15 467
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 15 467
    Points : 38 525
    Points
    38 525
    Par défaut
    J'ai fais ce que tu m'as dit et ca marche pas.
    effectivement, je n'avais pas vu que tu avais mis l'événement sur l'<iframe>, donc ton document.querySelector(".divNav") est sur la page parent.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    const parentIframe = window.parent.frames;
    const menu = parentIframe.document.querySelector(".divNav");
    ou quelque chose d'approchant.

    Le code est contenu dans quelle page, parent ou iframe ?

Discussions similaires

  1. [WD21] Bug OuiNon qui ne passe pas au premier plan
    Par droliprane dans le forum WinDev
    Réponses: 5
    Dernier message: 26/11/2020, 14h22
  2. Message vers une fenêtre qui n'est pas au premier plan
    Par racine carrée dans le forum C++
    Réponses: 11
    Dernier message: 07/12/2018, 19h53
  3. Réponses: 7
    Dernier message: 03/06/2017, 21h40
  4. Réponses: 9
    Dernier message: 07/09/2015, 14h30
  5. Alert qui ne s'affiche pas au premier plan
    Par rillette87 dans le forum ActionScript 3
    Réponses: 1
    Dernier message: 07/06/2011, 00h39

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