一款方便的全屏滚动jQuery插件

栏目分类：滚动代码   发布日期：2014-09-11   来源：   浏览次数：次

1. <section class="window">section> 
2. <section class="window">section> 
3. <section class="window">section> 
4. <section class="window">section> 
5. <section class="window">section> 

1. $(document).ready(function(){ 
2.  
3.     $('.window').windows({ 
4.         snapping: true, 
5.         snapSpeed: 500, 
6.         snapInterval: 1100, 
7.         onScroll: function(scrollPos){ 
8.             // scrollPos:Number 
9.         }, 
10.         onSnapComplete: function($el){ 
11.             // after window ($el) snaps into place 
12.         }, 
13.         onWindowEnter: function($el){ 
14.             // when new window ($el) enters viewport 
15.         } 
16.     }) 
17.  
18. }); 

1. .window{ 
2.     width:100%; 
3.     height:100%; 
4.     position:absolute; 
5. } 
6.  
7. @for $i from 1 through 6{ 
8.     .window:nth-child(#{$i}){ 
9.         background:nth($colors, $i); 
10.         top:($i - 1) * 100%; 
11.     } 
12. }