Как мне создать поле прокрутки, а затем добавить вещи к нему с помощью JavaScript?

Question

Я делаю игру, и я хочу создать скроллбок с HTML, а затем добавить к нему вещи позже с помощью JavaScript, далее в том же коде. Это возможно? Благодарю.

Answer 1

Ниже приведен пример работы с Javascript, вы должны быть в состоянии пойти оттуда, хотя я бы порекомендовал сделать это с jQuery, поскольку манипулирование объектами DOM будет намного проще.

Вот скрипка: http://jsfiddle.net/g9Tys/

CSS (для прокрутки):

#scrollbox {
overflow: scroll;
width: 600px;
height: 100px;
}

Прокрутка и ссылка для добавления новых элементов:

<div id="scrollbox">
</div>
<a onclick="addElement()">Add element</a>

Javascript:

function addElement() {
    var scrollbox = document.getElementById('scrollbox');

    // Create some element, e.g. div
    var newElement = document.createElement('div');
    newElement.setAttribute('id', "some-id-for-new-element");
    newElement.innerHTML = 'New element has been added!';

    scrollbox.appendChild(newElement);
}

Answer 2

Да, это возможно. вы должны использовать div, чтобы они переполнены

ДИВ

{

ширина:150px;

высота:150px;

перенос слов: брейк-слова;

переполнение: прокрутки;

}

что-то вроде того.

затем используйте событие javascript и append()