Faire défiler en haut ou en bas de la page avec javascript, jquery sur mobile

Question

J'ai un site web d'une page qui est divisé en deux parties sur la vue mobile horizontale. J'essaie donc de créer un effet de défilement/glissement vers le haut ou le bas de la page. J'ai essayé ce code de détection

var bottomofDoc = $(".main_container").height(); 
$(window).scroll(function(){ 
     var cur_top = $(window).scrollTop(); 
     if(top < cur_top){ 
      direction = 'down'; 
      $('html,body').animate({scrollTop: $(document).height()}, 600); 
      console.log(direction); 
     }else{ 
      direction = 'up'; 
      $("html, body").animate({ scrollTop: 0 }, 600); 
      console.log(direction); 
     } 
     top = cur_top; 
    }); 

Mais il fonctionne bogué, avec vacillante et quand je défiler une fois qu'il continue à faire des actions à plusieurs reprises. Toute idée comment ACHIVE lisse défilement vers le haut ou le bas

Answer 1

$(function(){ 
    $('a[href*="#"]:not([href="#"])').click(function(){ 
      if(location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname){ 
       var target = $(this.hash); 
       target = target.length ? target:$('[name=' + this.hash.slice(1) + ']'); 
       if(target.length){ 
        $('html, body').animate({ 
         scrollTop: target.offset().top 
        }, 1000); 
        return false; 
       } 
      } 
    }); 
});