javascript - 制作没有下拉列表的可滚动列表

Question

我想在登录页面和主页之间制作一个过渡页面。

该页面只包含名称列表......所以，我不想让它成为一个下拉列表......我希望页面填充一个可滚动的列表。

我尝试制作一个带有一些按钮的 div，但它看起来不太好。那么，您对如何使页面看起来更好，或者我是否应该在彼此内部使用 2 个 div 并使用 CSS 修改它们有什么想法吗？

这就是我所做的：JS：

function GetClassesList(data) {
var classes = (typeof data) == 'string' ? eval('(' + data + ')') : data;
$('#ClasssesList').empty();
for (var i = 0; i < classes.length; i++) {
    var text = '<button class="BigDiv" value="' + classes[i].Cls_ID + '" >' + classes[i].Cls_Name + '</button>';
    $('#ClasssesList').append(text);
}
$("#ClasssesList").bind('click', 'button.BigDiv',CallLink()); 
}

HTML：

       <div id="ClasssesList" ></div>

非常感谢。

Answer 1

看起来您的代码工作正常......如果我理解正确，您可以定义 #ClassesList 的高度和宽度并将溢出设置为在 CSS 中滚动。然后，当您在 for 循环中格式化 html 时，您可以将按钮格式化为您想要的显示方式。

我不明白你在寻找什么。也许如果你能澄清一点。