These slides will stack on top of each other.
Creating a really nice effect with jQuery
You can have as many slides as you want
Code Sample
pop-uptext
  1. <script type="text/javascript">
  2.         $(function() {
  3.             $('.slide').each(function(){
  4.                 if ($(this).index() > 0){
  5.                     $(this).css({"position":"absolute", "top":$(this).index() * 100 + "vh"});
  6.                 }
  7.             });
  8.             
  9.             $(window).scroll(function() {
  10.                 var window_pos = window.pageYOffset;
  11.                 $('.slide').each(function(){
  12.                 
  13.                 //Set the fixed position on slides when we scroll past them.
  14.                 if ($(this).index() > 0){
  15.                     $(this).css({"position":"absolute", "top":$(this).index() * 100 + "vh"});
  16.                     if(window_pos > $(this).offset().top) {
  17.                        $(this).css({"position":"fixed", "top":"0"});
  18.                     }
  19.                 }
  20.                 });
  21.             });
  22.         });
  23.     </script>
pop-uptext
  1. <div id="one" class="slide">
  2.             <div class="content ">
  3.                 <span class="bigText">These slides will stack <b>on top of each other.</b></span>
  4.             </div>
  5.         </div>
  6.         
  7.         <div id="two" class="slide gray">
  8.             <div class="content ">
  9.                 <span class="bigText">Creating a really <b>nice effect</b></span>
  10.             </div>
  11.         </div>
  12.         
  13.         <div id="three" class="slide gray">
  14.             <div class="content ">
  15.                 <span class="bigText">You can have as many <b>slides</b></span>
  16.                 <span class="bigText">as you want</span>
  17.             </div>
  18.         </div>