Показать сообщение отдельно
  #1 (permalink)  
Старый 31.08.2017, 23:11
Интересующийся
Отправить личное сообщение для neformatnoe Посмотреть профиль Найти все сообщения от neformatnoe
 
Регистрация: 05.04.2015
Сообщений: 11

Задержка (ненужная) в анимации
Доброе время суток.
Не могу победить анимацию.
есть четыре контейнера (главное меню, два подменю, хлебные крошки)
надо настроить их анимацию по ходу скроллинга.
Когда "хлебных крошек не было - использовал slideDown и slideUp, вполне всё хорошо работало, но заказчик захотел приклеивать хлебные крошки под логотип и началась несусветица - первая итерация анимации проходит почти гладко, потом идёт задержка в 6 секунд, следующая в 20 секунд, потом ждать устал.
Как победить эту беду?
Вот собственно сам скрипт
var lastScrollTop = 0;
$(window).scroll(function(event){
   var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // код для прокрутки вниз
      
		$("#pathgray").animate({
    	top: "60px"
  		}, 600 );

       $("#yacht_block").slideUp(600);
       $("#com_block").slideUp(600);
  		$('#first_menu').slideUp(600);
   } else {
      // код для прокрутки вверх
      $("#pathgray").animate({
    	top: "102px"
  		}, 600 );
      $('#first_menu').slideDown(600);
  	
   }
   lastScrollTop = st;
});
$(document).ready(function(){
  $("#logo_header").hover(function(){
  	
    $("#first_menu").slideDown(600);
    
       $("#pathgray").animate({
    	top: "102px"
  		}, 600 );
    
  }),
  	$(".company").click(function() { 
  		$("#yacht_block").slideUp(600);
       $("#com_block").slideDown(600);
        
        return false; 
      }),
	$(".yacht").click(function() { 
		$("#yacht_block").slideDown(600);
       $("#com_block").slideUp(600);
        return false; 
      });
    
});


Вот адрес странички где это чудо висит:
http://www.janmor-yachts.ru/yachts/janmor700.html

Наблюдаем за "хлебными крошками" при скролле!!! Тыкаем смело в пункты главного меню, после них начинается бесовство)))

Ну и расскажу логику как должно быть.
При клике в главном меню, меняются подменю(одно уехало второе выехало), при скроллинге вниз все менюшки сворачиваются - хлебные крошки прижимаются к шапке, при скроллинге вверх выезжает главное меню и крошки сдвигаются под них. При наведении мыша на логотип, выезжает главное, соответственно крошки сдвигаются под него.


Но вот крошки эти ведут себя очень странно...

Подскажите люди добрые, что делаю не так???

Последний раз редактировалось neformatnoe, 31.08.2017 в 23:16.
Ответить с цитированием