How to add scrollbar in this CSS javascript pop up window?

Question

I am new to javascript and CSS. Is there anybody know that how to add scroll bar in this pop up window??? Please help. ```

Accepted Answer

I agree with Coop, buf if you only want vertical scroll bars it would be the following.

```
#PopupWindow { overflow-y:scroll }
```

Edit: Also with that bit of code you have there, may want to set the z-index of the PopupWindow to a larger value than the 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;
}
```

How to add scrollbar in this CSS javascript pop up window?

Solution

Problem

Related problems