Soy nuevo en javascript y CSS. Hay alguien que sabe que la manera de agregar de la barra de desplazamiento en la ventana???

Ayuda por favor.

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

Aquí está el script de java parte……………………..

<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';
    }
InformationsquelleAutor So Kim | 2013-08-13

2 Comentarios

  1. 6

    Estoy de acuerdo con Coop, buf si sólo desea barras de desplazamiento vertical sería el siguiente.

    #PopupWindow { overflow-y:scroll }

    Edit: También con un poco de código que tienes, puede que desee establecer el z-index de la PopupWindow a un valor mayor que el 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;
    }

Dejar respuesta

Please enter your comment!
Please enter your name here