Задать вопрос
  • Как складывать и раскладывать блоки при прокрутке?

    @colddave Автор вопроса
    Сделал так, но все жутко тормозит.
    $(window).scroll(function() {
    	var st = $(this).scrollTop();
    	var c = $('.food-menu__wrapper').offset().top;
    	var d = st-c-100;
    	if(d>0){
    		$(".food-menu__big-item-part--1").css({
    			"transform":"translatey("+d+"px"
    		});		
    		$(".food-menu__big-item-part--2").css({
    			"transform":"translatey("+d+"px"
    		});		
    		$(".food-menu__big-item-part--3").css({
    			"transform":"translatey("+d+"px"
    		});	
    		$(".food-menu__big-item-part--4").css({
    			"transform":"translatey("+d+"px"
    		});	
    		$(".food-menu__big-item-part--5").css({
    			"transform":"translatey("+d+"px"
    		});	
    		$(".food-menu__big-item-part--6").css({
    		"transform":"translatey("+d+"px"
    		});	
    		$(".food-menu__big-item-part--7").css({
    		"transform":"translatey("+d+"px"
    		});	
    	} 
    	if(d>=259){
    		$(".food-menu__big-item-part--1").css({
    			"transform":"translatey(259px"
    		});		
    	}
    	if(d>=224){
    		$(".food-menu__big-item-part--2").css({
    			"transform":"translatey(224px"
    		});	
    		$(".food-menu__big-item-part p").css({
    			"opacity":"0"
    		});	
    	} else{
    		$(".food-menu__big-item-part p").css({
    			"opacity":"1"
    		});		
    	}
    	if(d>=216){
    		$(".food-menu__big-item-part--3").css({
    			"transform":"translatey(216px"
    		});		
    	}
    	if(d>=187){
    		$(".food-menu__big-item-part--4").css({
    			"transform":"translatey(187px"
    		});		
    	}
    	if(d>=155){
    		$(".food-menu__big-item-part--5").css({
    			"transform":"translatey(155px"
    		});		
    	}
    	if(d>=106){
    		$(".food-menu__big-item-part--6").css({
    			"transform":"translatey(106px"
    		});		
    	}
    	if(d>=69){
    		$(".food-menu__big-item-part--7").css({
    			"transform":"translatey(69px"
    		});		
    	}
    });
    Ответ написан
    Комментировать