Гладкая прокрутка вверх или снизу страницы с javascript, jQuery на мобильном телефоне

Question

У меня есть сайт с одной страницей, который разделен на две части на горизонтальном мобильном представлении. Поэтому я пытаюсь создать эффект прокрутки/прокрутки вверх или вниз по странице. Я попробовал этот код обнаружения

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

Но это работает багги, с мерцанием и когда я прокручивать, как только это продолжать делать действиям во много раз. Любые идеи, как для того чтобы достигнуть гладкой прокрутки в верхней или нижней части

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