HTML 底部弹窗实现抽屉效果

话很少说直接上图

下面说一下如何实现（只作实现，界面根据本身的需求来）

for (var i = 0; i < 50 ;i++) {
	  $("#xiaoyi-main-ul").append('<li> <span>新浪微博'+i+'</span></li>')
	}
	  $("#xiaoyi-main-ul li").each(function(index,item){
				if(index>7){
					$(this).hide();
				}
			})
	})

上面是若是添加，主要是利用jquery把ul 下面的li 找出来遍历，把要显示的不作隐藏，其余的都作隐藏，

显示的代码

$("#xiaoyi-main-ul li").each(function(){
				$(this).show();
			})

把全部的li都显示出来就能够了

代码在 这里