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 时，您可以格式化按钮以显示您想要的样式。

虽然我不明白你在找什么。也许你可以澄清一下。