2016-03-20 8 views
0

すべてのコンテンツが1ページにあり、ナビゲーションバーのリンクをクリックすると、関連するセクションにスクロールアニメーションが表示されます。私はスクロールアニメーションの次のコードを使用していたコードペンがhttp://codepen.io/meek/pen/NNprYb?editors=0010アニメーションへのスクロールを中断する

です:

$('a[href*=#]:not([href=#])').click(function() { 

    var target = $(this.hash); 

    if (target.length) { 
     $('html, body').animate({ 
     scrollTop: target.offset().top 
     }, 1000); 
     return false; 
    } 
    }); 

私の質問は、アニメーションがまだあるときに、ユーザーが別のセクションをクリックしたときに、このアニメーションをキャンセルする方法があるかどうかであります遊ぶ。現時点では、以前のアニメーションを完了し、次のアニメーションを「キュー」に追加します。つまり、別のセクションをスパムでクリックした場合、アニメーションに取り残されます。

答えて

0

)は(単にアニメーションする前にこのコードを追加し、それを見つけた:

$('html, body').stop();