Показать сообщение отдельно
  #1 (permalink)  
Старый 02.03.2015, 13:03
hhh hhh вне форума
Профессор
Отправить личное сообщение для hhh Посмотреть профиль Найти все сообщения от hhh
 
Регистрация: 19.11.2013
Сообщений: 150

Сложный скрипт скролла
Всем привет! Зашел значит в тупик в логике скрипта) На примере понятно до того момента как первый section затухает. Далее по логике следующий section делает fadeIn получает #first, при прокрутке вниз теряет его, и так до последнего. Не могу сообразить как написать условие, после того как анимация возвращает прокрутку вверх...
http://ofb3752.bget.ru/test.html

var windo = $(window);
  var blocktop = $('#blocktop');
  var animBlock  = $('#blocktop').offset().top;

  windo.scroll(function (){

   if (!blocktop.hasClass('fixed') && windo.scrollTop() > animBlock) {
    blocktop.addClass('fixed').data('top', animBlock);
   } else if (blocktop.hasClass('fixed') && (windo.scrollTop() < blocktop.data('top'))) {
    blocktop.removeClass('fixed');
   }

  });
   
  var firstSection = $('#first');
  var nextSection = firstSection.next();

  blocktop.scroll(function (){
    if ($(this).scrollTop() > (blocktop.height() / 2)) {
      $(firstSection).fadeOut().attr('id', '');
      var y = blocktop.animate({
        scrollTop: 0,
      }, 'fast');
    } else {
    }
  });
Ответить с цитированием