移动端–滚动加载更多列表带loading效果
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="format-detection" content="telephone=no" />
<meta name="wpk-bid" content="dta_2_6574">
<title>滚动加载更多列表</title>
<style>
*{
margin: 0;padding: 0;}
a{
text-decoration: none;color: #595959; -webkit-tap-highlight-color: rgba(0,0,0,0);tap-highlight-color: rgba(0,0,0,0);}
a:focus {
text-decoration: none;}
html,body,.list-wrap {
height: 100%;
}
.list-wrap {
overflow-x: hidden;
overflow-y: auto;
}
.cell-group .cell-item {
display: flex;
background-color: #fff;
min-height: 130px;
align-items: center;
padding: 10px 15px;
border-bottom: 1px solid #eee;
color: