Как добавить полосу прокрутки в это всплывающее окно JavaScript javascript?

Question

Я новичок в javascript и CSS. Кто-нибудь знает, как добавить полосу прокрутки в это всплывающее окно ???

Пожалуйста, помогите.

<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; 
    } 

Вот часть ява скрипт ..........................

<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'; 
    } 

Answer 1

Я согласен с Coop, buf, если вы хотите только вертикальные полосы прокрутки, это будет следующим.

#PopupWindow { overflow-y:scroll } 

Edit: Кроме того, с этим немного кода, вы должны есть, возможно, захотите установить Z-индекс PopupWindow на большее значение, чем 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; 
} 

Answer 2

#PopupWindow { overflow: scroll; }