我想限制列表中的元素数量。我想动态设置元素的数量。
我的第一个方法如下:
var winHeight = $(window).height() ;
var listHeight = $('.listElement').height() * $('.listElement').length ;
if ( listHeight > (winHeight * 0.66) ){
// If the list is larger than 66% of the screen, cut off those elements
// and provide buttons to flick through the list
}
看起来不太好,我不确定这是否是正确的编码方式。
有更好的方法吗?
答案 0 :(得分:1)
为什么不能使用css解决方案而不是jQuery?
我不太了解,但在listElement类上,尝试这样做:
.listElement {
max-height: 300px; // put here your max height do you want
height: 200px;
overflow: auto; // when your list get the maximum height, css will put a scroolbar
}
如果不理解,我很抱歉。
拥抱, VIN。