Question

我正在制作游戏，我想创建一个带有html的滚动条，然后使用javascript将其添加到其中，进一步使用相同的代码。那可能吗？感谢。

Answer 1

下面是一个用Javascript完成的例子，你应该可以从那里开始，虽然我建议用jQuery做这个，因为操纵DOM对象会容易得多。

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（）事件

如何创建一个滚动框，然后用javascript添加东西？

2 个答案: