Glatte Bildlauf nach oben oder unten auf der Seite mit JavaScript, jquery auf Handy

Question

Ich habe eine Website mit einer Seite, die in zwei Teile auf horizontale mobile Sicht unterteilt ist. Ich versuche also, einen Scroll/Swipe-Effekt oben oder unten auf der Seite zu erstellen. Ich habe versucht, diesen Code Nachweis

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; 
    }); 

Aber es funktioniert Buggy, mit Flimmern und wenn ich einmal sie blättern weiterhin Aktionen oft tun. Irgendwelche Ideen, wie glatt Scrollen achive oder unten

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; 
       } 
      } 
    }); 
});