Comment ajouter de la barre de défilement dans cette CSS javascript fenêtre pop-up?

Je suis nouveau sur le javascript et le CSS. Est-ce que quelqu'un sait comment ajouter une barre de défilement dans la fenêtre???

S'il vous plaît aider.

<style type="text/css">
    #PopupOverlay {
        display: none;
        position: fixed;
        left: 0px; right: 0px;
        top: 0px; bottom: 0px;
        background-color: #000000;
        opacity:.75;
    }
    #PopupWindow {
        display: none;
        position: absolute;
        width: 600px; height: 400px;
        left: 50%; top: 50%;
        margin: -155px 0 0 -300px;
        border: solid 2px #cccccc;
        background-color: #ffffff;
    }
    #PopupWindow h1 {
        display: block;
        margin: 0;
        padding: 3px 5px;
        background-color: #cccccc;
        text-align: center;
    }

Ici est la partie de script java..........................

<script type="text/javascript">
    function OpenPopup() {
        document.getElementById('PopupOverlay').style.display = 'block';
        document.getElementById('PopupWindow').style.display = 'block';
    }
    function ClosePopup() {
        document.getElementById('PopupOverlay').style.display = 'none';
        document.getElementById('PopupWindow').style.display = 'none';
    }

OriginalL'auteur So Kim | 2013-08-13

  1. 4

    Je suis d'accord avec Coop, buf si vous ne voulez vertical des barres de défilement, il serait le suivant.

    #PopupWindow { overflow-y:scroll }

    Edit: avec le peu de code que vous avez là, souhaiterez peut-être définir le z-index de la PopupWindow à une plus grande valeur que la PopupOverlay.

    #PopupOverlay {
    display: none;
    position: fixed;
    left: 0px; right: 0px;
    top: 0px; bottom: 0px;
    background-color: #000000;
    opacity:.75;
    z-index:5;
}
#PopupWindow {
    display: none;
    position: absolute;
    width: 600px; height: 400px;
    left: 50%; top: 50%;
    margin: -155px 0 0 -300px;
    border: solid 2px #cccccc;
    background-color: #ffffff;
    overflow-y:scroll;
    z-index:10;
}
    oui il va mieux maintenant =) mais comment faire pour changer le style de la barre de défilement?
    C'est couvert dans ce post ici: stackoverflow.com/questions/1256258/...

    OriginalL'auteur Tom

  2. 2
    #PopupWindow { overflow: scroll; }
    Salut Coop, désolé, toujours pas de défilement...

    OriginalL'auteur Coop