JQuery - Animate Scroll, но НЕ по щелчку, но на свитке

Question

Я знаю, что я могу использовать «щелчок» событие и сделать JQuery свиток до определенного DIV следующим образом:

('a').click(function(){ 
    $('html, body').animate({ 
     scrollTop: $('#div').offset().top 
    }, 500); 
    return false; 
}); 

То, что я хотел бы сделать, это обнаружите прокрутку, а затем и на основе высоты окна сделайте прокрутку jquery в разных местах.

Я пробовал следующее, которое работает частично, но оно не позволит мне прокручивать назад, как только произойдет событие анимации.

function goToByScroll(id){ 
    $('html,body').animate({ 
     scrollTop: $("#"+id).offset().top}, 
     'slow'); 
} 
$(document).ready(function() { 
    $(window).scroll(function() { 
     if ($(this).height() < 990) { 
      goToByScroll('about'); 
     }else if($(this).height() < 500){ 
      goToByScroll('contact'); 
     } 
    }); 
}); 

Любые идеи ?! Thanks

Answer 1

Я действительно не понимаю, что вы делаете, но ваш javascript условный неверен. Итак, если вы положили < 990 в первый условный, вся высота < 990 пойдет на этот результат, он никогда не перейдет ко второму, если. Смотрите этот обновленный код.

function goToByScroll(id){ 
    $('html,body').animate({ 
     scrollTop: $("#"+id).offset().top}, 
     'slow'); 
} 

var lastScrollTop = 0; 
$(window).scroll(function(event){ 
    var scrollTop = $(this).scrollTop(); 
    if (scrollTop > lastScrollTop){ 
     // downscroll code 
     if (scrollTop < 500) { 
      goToByScroll('contact'); 
     }else if(scrollTop < 990){ 
      goToByScroll('about'); 
     } 
    } else { 
     // upscroll code 
     if (scrollTop > 990) { 
      goToByScroll('about'); 
     }else if(scrollTop > 500){ 
      goToByScroll('contact'); 
     } 
    } 
    lastScrollTop = scrollTop; 
});