JavaScriptを使用してページの上または下にスムーススクロール、モバイルでjquery

Question

私は1つのページのWebサイトを2つの部分に分けて、水平方向のモバイルビューにしています。したがって、ページの上部または下部にスクロール/スワイプ効果を作成しようとしています。私は検出

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

のこのコードを試みたが、それがちらつきと、バギーを動作し、私はそれ一度スクロールしたときにアクションを何度もやって続けています。あなたはおそらくにフラグおよび/またはタイマーを紹介したい どれでもトップにスムーズスクロールをachiveする方法のアイデアや下

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