其他，插件：http://www.dowebok.com/77.html

 

 

原理： 1. 计算当前浏览器屏幕高度，每次翻页显示的内容高度即为屏幕高度

             2. 对鼠标滚轮事件进行监听，注意滚轮事件的浏览器兼容问题。

废话不多说，直接上代码

html代码：

 

 

1     
       
           2         
        
            3             
         
             4                 
             5             
         
   6             
         
             7                 
             8             
         
   9             
         
            10                 
            11             
         
  12             
         
            13                 
            14             
         
  15         
        
  16     
       

 

 

 

 css代码：

 

1     #wrap{
   overflow: hidden;width: 100%;}  2     #main{
   top: 0;position: relative;}  3     .content{
   width: 100%;margin: 0;height: 100%;}  4     .num1{
   background: #e8e8e8;}  5     .num2{
   background: pink;}  6     .num3{
   background: yellow;}  7     .num4{
   background: orange;}

 

 

 

 

js代码：

 

1