I have question with the function ScrollTop.

I have 5 div and I want to force the scroll to the next div. But i can not !

JQUERY : 

3. $(document).ready(function(){
    
4.       var heightSize= $(window).height();
5. 
   
7.     $("#header, #bloc1, #bloc2, #bloc3, #bloc4")
8.         .css({
9.         "height" : heightSize,
10.         })
11. 
    
12. 
    
14.     $(window).scroll(function () {
15.         $("html:not(:animated), body:not(:animated)").animate({
16.             scrollTop: heightSize
17.         })
18.     });
19. 
    
20. })

HTML :

2. <div id="header">
3. </div> <!-- header -->
4. 
   
5. <div id="bloc1">
6. </div>
7. 
   
8. <div id="bloc2">
9. </div> 
10. 
    
11. <div id="bloc3">
12. </div> 
13. 
    
14. <div id="bloc4">
15. </div>