Comment puis-je faire le modal popup faites défiler le contenu de la page?

J'ai un modal popup et quand il charge le contenu qui sont plus haut que le navigateur de la hauteur, je suis incapable de faire défiler vers le bas pour afficher le reste de l'information. Au lieu de l'arrière-plan peut de défilement, mais la popup ne sera pas.

Au lieu de cela j'aimerais avoir le popup rester sur place et lorsque l'utilisateur fait défiler vers le haut ou vers le bas quitter le popup en place et de les laisser défiler vers le bas de son contenu. Si vous faites un super long post sur Facebook le popup fonctionne correctement et j'aimerais savoir comment je peux obtenir le même effet avec ce contrôle.

OriginalL'auteur Middletone | 2009-12-12

  1. 5

    Dans le css de votre modal popup, définissez la largeur de la modalpop, puis définissez la overflow:auto. Qui vous donnera la barre de défilement horizontal. Exemple:

    .ModalPopupPanel
{
  width:900px;
  overflow:auto;
}

    Ainsi,lorsque le contenu de la largeur de dépasser le 900px, la barre de défilement horizontale apparaît.
    La même chose est vraie pour la barre de défilement verticale où vous avez besoin de définir la hauteur de la modalpop.

    Afin de résoudre le problème si l'écran de navigation est au moins 900px. Pour une solution avec un popup qui pourrait s'étendre à combler cette page, voir ma Réponse.

    OriginalL'auteur Public Helper

  2. 3

    Vous pouvez ajouter une classe à la balise body lorsque le popup est ouvert pour cacher la barre de défilement, et à le supprimer lorsque la fenêtre contextuelle disparaît, votre arrière-plan doit être en position:fixed et la hauteur de la fenêtre.hauteur() (obtenir dynamiquement en JS), et aussi overflow:auto.

    Ce qui se passe avec tout ce qui est que, si le pop-up est plus haut que l'arrière-plan, vous obtenez une belle barre de défilement sur la droite, et parce que votre corps de la barre de défilement est caché, vous ne voir que l'un. Aussi, la page elle-même n'a pas de défilement. C'est la façon dont Facebook, il le fait avec leur image viewer.

    OriginalL'auteur Mariano

  3. 2

    Cet ensemble de script popup hauteur de 90% de la hauteur de l'écran, vous pouvez alors régler le overflow:auto;

    <script type="text/javascript">
  function pageLoad() {
      $get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px";
  }
    </script>

    ici une question connexe, je demande, et la solution que j'ai trouvé.

    asp.net ModalPopupExtender : nécessité de montrer la barre de défilement lorsque dépassement

    OriginalL'auteur DavRob60

  4. 0

    Mettre style overflow: auto sur le bloc conteneur.

    Quand vous dites bloc conteneur de quoi êtes-vous référence? Aussi avez-vous fait testest? Mettre deux pages de contenu dans un panneau qui est borught via le modal popup et sans avoir des barres de défilement sur l'écran lui-même, vous pouvez voir tout en faisant défiler la page?
    je demande parce que, ce que vous avez proposé ne fonctionne pas quand je l'ai essayer. Je sais que je peux faire défiler la div et de panneaux, mais c'est pas ce que je demande.

    OriginalL'auteur Ewan Todd

  5. 0

    Vous pouvez essayer ce pour le défilement modalpopup avec ses contens:
    Définir la PopupDragHandleControlID pointant vers une case vide,
    jeu de Repositionner mode = "None" cela permet de garder le modal fixe dans la même position que vous faites défiler la page.

    OriginalL'auteur rushabh shah