如何创建一个滚动框，然后用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让它溢出

DIV

{

宽度：150像素;

高度：150像素;

自动换行：打破字;

溢出：滚动;

}

类似的东西。

然后使用javascript和append（）事件