滚动条的监听与内容随着滚动条动态加载的实现

实例如下：

  
  
  
    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;
    }
  



  
    

      
1
      
2
      
3
      
4
      
5
      
6
      
7
      
8
      
9
      
10
      
11
      
12
      
13
      
14
      
15
      
16
      
17
      
18
      
19
      
20
      
21
      
22
      
23
      
24
      
25
      
26
      
27
      
28
      
29
      
30
    
  

以上这个方法Ie8还有一些主流的浏览器基本都兼容，大家可以尝试下～～

以上这篇滚动条的监听与内容随着滚动条动态加载的实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。