スクロールバーのモニターと内容はスクロールバーのダイナミックローディングによって実現されます。


実例は以下の通りです

<!DOCTYPE html>
<html>
<head>
  <title>               </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
  <style type="text/css">
    body{
      background-color: #808080;
    }
    #main{
      margin:0 auto;
      width: 960px;
    }
    #content{
      position: absolute;
      width: 960px;
    }
    #img{
      margin: 0;
      padding: 0;
    }
    #img li{
      list-style-type: none;
      background-color: salmon;
      margin: 0;
      margin-top:10px;
      border-bottom: solid 1px hotpink;
      text-align: center;
    }
  </style>
</head>
<body>
<div id="main">
  <div id="content">
    <ul id="img">
      <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>21</li>
      <li>22</li>
      <li>23</li>
      <li>24</li>
      <li>25</li>
      <li>26</li>
      <li>27</li>
      <li>28</li>
      <li>29</li>
      <li>30</li>
    </ul>
  </div>
</div>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
  //          
  var content=document.getElementById("img").innerHTML;
  //      ,            ,                  
  function addLi(){
    document.getElementById("img").innerHTML+=content;
  }
  /*
   *      ,     jQuery    js              ,      Jquery $(obj).scroll();     
   */
  $(window).scroll(function(){
    //               ,           Ie   documentElement   ,        IE8
    var htmlHeight=document.body.scrollHeight||document.documentElement.scrollHeight;
    //clientHeight             ,
    var clientHeight=document.body.clientHeight||document.documentElement.clientHeight;
    //scrollTop        top  ,
    var scrollTop=document.body.scrollTop||document.documentElement.scrollTop;
    //        top                              ;
    if(scrollTop+clientHeight==htmlHeight){
       addLi();
    }
  })
</script>
</body>
</html>
以上の方法はIe 8といくつかの主流のブラウザが基本的に互換性があります。試してみてください。
以上のスクロールバーの傍受と内容はスクロールバーのダイナミックローディングによって実現されたものです。皆さんへのすべての内容を共有します。参考にしていただければと思います。よろしくお願いします。