关键属性 : -webkit-overflow-scrolling:touch;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>滚动回弹</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.box{
width: 100%;
height: 100%;
-webkit-overflow-scrolling:touch;
/* overflow: auto; */
}
ul li{
line-height: 50px;
border-bottom: 0.5px solid #ccc;
width: 100%;
height: 50px;
}
</style>
</head>
<body>
<div class="box">
<ul>
<li>充数内容1</li>
<li>充数内容2</li>
<li>充数内容3</li>
<li>充数内容4</li>
<li>充数内容5</li>
<li>充数内容6</li>
<li>充数内容7</li>
<li>充数内容8</li>
<li>充数内容9</li>
<li>充数内容10</li>
<li>充数内容11</li>
<li>充数内容12</li>
<li>充数内容13</li>
<li>充数内容14</li>
<li>充数内容15</li>
<li>充数内容16</li>
<li>充数内容17</li>
<li>充数内容18</li>
<li>充数内容19</li>
<li>充数内容20</li><li>充数内容10</li>
<li>充数内容11</li>
<li>充数内容12</li>
<li>充数内容13</li>
<li>充数内容14</li>
<li>充数内容15</li>
<li>充数内容16</li>
<li>充数内容17</li>
<li>充数内容18</li>
<li>充数内容19</li>
<li>充数内容20</li><li>充数内容10</li>
<li>充数内容11</li>
<li>充数内容12</li>
<li>充数内容13</li>
<li>充数内容14</li>
<li>充数内容15</li>
<li>充数内容16</li>
<li>充数内容17</li>
<li>充数内容18</li>
<li>充数内容19</li>
</ul>
</div>
</body>
</html>