Как сделать CSS Div всплывающих прокрутки с использованием только JavaScript?

Question

Я хочу отобразить текст во всплывающем окне с кнопкой ОК / Закрыть.

Я реализовал и немного изменил Настраиваемое оповещение , но иногда в тексте слишком много строк, поэтому мне нужно окно прокручиваемое .

Я хочу использоватьтолько JavaScript .Без рамок и библиотек.

Answer 1

вы можете сделать это с помощью css

При использовании стиля по умолчанию это будет выглядеть так:

#alertBox p {
    font:0.7em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
    overflow:auto;
}

Пример jsfiddle .

Также, как указывает Касабланка, если вы хотите назначить определенный класс, вы можете изменить javascript, чтобы использовать

msg.className = 'messageBox';

, а затем свой собственный css

.messageBox{
  overflow:auto;
}