制作不带下拉列表的可滚动列表

Making a scrollable List without drop down lists

本文关键字：滚动 列表 下拉列表      更新时间：2023-09-26

我想做一个过渡页面，作为登录页面和主页之间的中断。

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

我尝试制作一个带有一些按钮的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>

多谢。

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

不过，我不明白你在找什么。也许如果你能澄清一下。

相关文章：