jquery - スクロールアニメーションと競合するJqueryモバイル

Question

<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>

タップ イベント (上記) を有効にするためにサイトに JQuery モバイルを含めましたが、要素の上部にうまくアニメーション化するのではなく、以下のコードに配置した .animate と競合しているようです。要素の先頭にジャンプします。誰が何が間違っているかを見ることができますか？

           $(document).on('tap click', '.team-btn', function(event){                          
             event.preventDefault();            
                    $('html, body').stop(true,true).animate({
                         scrollTop: $(".team-overlay").offset().top - 20
                     }, 2000);  
        });