CSS
syle.popup { position : absolute； left: 0px； right: 0px； bottom: 0px； overflow :隐藏； height: 100%； }.popup.list { position : absolute； left: 0px； right: 0px； bottom: 0px； z-index: 900； background: #fff； border-top-left-radius :16 px； border-top-right-radius 336016 px； }.popup.listulli { padding :10 px； }.popup.listulli 3360 active { background : # F9 F9 FB； }.popup.list.cancel { text-align : center； background: #FE7000； color: #fff； 边距： 10px； padding: 10px； border-radius: 10px； }.default { background : rgba (20，20，20，0.8 )； 定位：固定； top: 0； right: 0； bottom: 0； left: 0； 显示： none； z-index: 100； (} /style HTML
divclass=' popup ' id=' popup ' divclass=' list ' div style=' padding 336010 px0px； 文本校准中心；' 订单取消/div ul li我不想买/li li信息填写错误、重拍/li li同城面对面交易/li li其他原因/li /ul div class='cancel '不取消/div/divdivclasclase
//盒高、盒高=获取内容高度将内容放在底部隐藏buttom:-框高//触发视频弹出框，选中bottom: 0px //获取内容this.id=id； var container=document.getelementbyid (id； this.list=container.children [0]； this.list height=container.children [0].offsetheight ' px '； container.style.height=this.list height； this.list.style.bottom='-' this.list height； this.listName=`#${id} .list `； this.default=`#${id} .default `； this.list.addevent listener (' click '，function ) event ) { var e=event.target； if(e.innertext！='不取消') {console.log(e.innertext， _this.goodsid(}_this.abrogate () ) /触发器popup.prototype.trigger=function ) $ ) this.listname ).a Amazon popup.prototype.abrogate=function ) ($(this.Listname ).animate ) )关闭500 ) $(this.default ).fadeOut )