|  |  | @ -6,22 +6,21 @@ class scroll { | 
			
		
	
		
		
			
				
					
					|  |  |  |       // return 0;
 |  |  |  |       // return 0;
 | 
			
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY === 0) { |  |  |  |       if (scrollY === 0) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return 0; |  |  |  |         return 0; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY > 0 && scrollY < 7 * height) { |  |  |  |       if (scrollY > 0 && scrollY < 7 * height) { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         return -scrollY; |  |  |  |         return -scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY === 7 * height){ |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  |         return  -height; |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |     }else |  |  |  |       if (scrollY === 7 * height) { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |     if (index === 2) { |  |  |  |         return -height; | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     } else if (index === 2) { | 
			
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY === 0) { |  |  |  |       if (scrollY === 0) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height; |  |  |  |         return height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY > 0 && scrollY < height) { |  |  |  |       if (scrollY > 0 && scrollY < height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height - scrollY; |  |  |  |         return height - scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY === 7 * height){ |  |  |  |       if (scrollY === 7 * height) { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         return -1 * height; |  |  |  |         return -1 * height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |     } |  |  |  |     } | 
			
		
	
	
		
		
			
				
					|  |  | @ -29,52 +28,47 @@ class scroll { | 
			
		
	
		
		
			
				
					
					|  |  |  |     // if (index === 3) {
 |  |  |  |     // if (index === 3) {
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //   if (scrollY <= height) {
 |  |  |  |     //   if (scrollY <= height) {
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //     return height;
 |  |  |  |     //     return height;
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //   } 
 |  |  |  |     //   }
 | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |     //   if (scrollY > height && scrollY < 3 * height) {
 |  |  |  |     //   if (scrollY > height && scrollY < 3 * height) {
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //     return 2 * height - scrollY;
 |  |  |  |     //     return 2 * height - scrollY;
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //   } 
 |  |  |  |     //   }
 | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |     //   if(scrollY === 4 * height){
 |  |  |  |     //   if(scrollY === 4 * height){
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //     return -height;
 |  |  |  |     //     return -height;
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     //   }
 |  |  |  |     //   }
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     // }
 |  |  |  |     // }
 | 
			
		
	
		
		
			
				
					
					|  |  |  |     else |  |  |  |     else if (index === 4) { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |     if (index === 4) { |  |  |  |  | 
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY <= 2 * height) { |  |  |  |       if (scrollY <= 2 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height; |  |  |  |         return height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } else if (scrollY > 2 * height && scrollY < 3 * height) { |  |  |  |       } else if (scrollY > 2 * height && scrollY < 3 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return 3 * height - scrollY; |  |  |  |         return 3 * height - scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY === 4 * height){ |  |  |  |       if (scrollY === 4 * height) { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         return -height; |  |  |  |         return -height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |     }else |  |  |  |     } else if (index === 5) { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |     if (index === 5) { |  |  |  |  | 
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY <= 3 * height) { |  |  |  |       if (scrollY <= 3 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height; |  |  |  |         return height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } else if (scrollY > 3 * height && scrollY < 4 * height) { |  |  |  |       } else if (scrollY > 3 * height && scrollY < 4 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return 4 * height - scrollY; |  |  |  |         return 4 * height - scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY === 5 * height){ |  |  |  |       if (scrollY === 5 * height) { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         return -height; |  |  |  |         return -height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |     }else |  |  |  |     } else if (index === 6) { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |     if (index === 6) { |  |  |  |  | 
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY <= 4 * height) { |  |  |  |       if (scrollY <= 4 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height; |  |  |  |         return height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } else if (scrollY > 4 * height && scrollY < 5 * height) { |  |  |  |       } else if (scrollY > 4 * height && scrollY < 5 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return 5 * height - scrollY; |  |  |  |         return 5 * height - scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |       if(scrollY === 6 * height){ |  |  |  |       if (scrollY === 6 * height) { | 
			
				
				
			
		
	
		
		
	
		
		
	
		
		
			
				
					
					|  |  |  |         return -height; |  |  |  |         return -height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } |  |  |  |       } | 
			
		
	
		
		
			
				
					
					|  |  |  |         
 |  |  |  |     } else if (index === 7) { | 
			
				
				
			
		
	
		
		
			
				
					
					|  |  |  |     }else |  |  |  |  | 
			
		
	
		
		
			
				
					
					|  |  |  |     if (index === 7) { |  |  |  |  | 
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       if (scrollY <= 5 * height) { |  |  |  |       if (scrollY <= 5 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return height; |  |  |  |         return height; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } else if (scrollY > 5 * height && scrollY < 6 * height) { |  |  |  |       } else if (scrollY > 5 * height && scrollY < 6 * height) { | 
			
		
	
		
		
			
				
					
					|  |  |  |         return 6 * height - scrollY; |  |  |  |         return 6 * height - scrollY; | 
			
		
	
		
		
			
				
					
					|  |  |  |       } 
 |  |  |  |       } | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |       // if(scrollY === 7 * height){
 |  |  |  |       // if(scrollY === 7 * height){
 | 
			
		
	
		
		
			
				
					
					|  |  |  |       //   return;
 |  |  |  |       //   return;
 | 
			
		
	
		
		
			
				
					
					|  |  |  |       // }
 |  |  |  |       // }
 | 
			
		
	
	
		
		
			
				
					|  |  | @ -92,13 +86,19 @@ class scroll { | 
			
		
	
		
		
			
				
					
					|  |  |  |     // }
 |  |  |  |     // }
 | 
			
		
	
		
		
			
				
					
					|  |  |  |   }; |  |  |  |   }; | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |   linearFormula = (currentScroll, position1, position2, scroll1, scroll2 ) => { |  |  |  |   linearFormula = (currentScroll, position1, position2, scroll1, scroll2) => { | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |     const alpha = (currentScroll - scroll1) / (scroll2 - scroll1); |  |  |  |     const alpha = (currentScroll - scroll1) / (scroll2 - scroll1); | 
			
		
	
		
		
			
				
					
					|  |  |  |     const deltaPosition = position2 - position1; |  |  |  |     const deltaPosition = position2 - position1; | 
			
		
	
		
		
			
				
					
					|  |  |  |     const currectPosition = position1 + deltaPosition * alpha; |  |  |  |     const currectPosition = position1 + deltaPosition * alpha; | 
			
		
	
		
		
			
				
					
					|  |  |  |     return currectPosition; |  |  |  |     return currectPosition; | 
			
		
	
		
		
			
				
					
					|  |  |  |   } |  |  |  |   }; | 
			
				
				
			
		
	
		
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   doubleLinearFormula = (currentScroll) => { | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     const rect = document.getElementsById("video").getClientRects(); | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     console.log(rect); | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |     return 1; | 
			
		
	
		
		
			
				
					
					|  |  |  |  |  |  |  |   }; | 
			
		
	
		
		
			
				
					
					|  |  |  | } |  |  |  | } | 
			
		
	
		
		
			
				
					
					|  |  |  | 
 |  |  |  | 
 | 
			
		
	
		
		
			
				
					
					|  |  |  | const _scroll = new scroll(); |  |  |  | const _scroll = new scroll(); | 
			
		
	
	
		
		
			
				
					|  |  | 
 |