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