jQueryでのスクロールアニメーションの自動化

Question

jQueryを使用して、divへのリンクから滑らかなアニメーションを作成しています。

$("#link").click(function() { 
     $('html, body').animate({ 
      scrollTop: $("#portfolio").offset().top 
     }, 1000); 
    }); 

私はこれを数回以上使用しているので、各要素のIDにハードコードしたくありません。どのように私は自動的に "＃リンク"と呼ばれる停止にIDを入れ、そのIDのhref（ "#portfolio"）をポートフォリオのスポットに入れることができますか？

Answer 1

このクリックイベントを添付したい各要素に（個々のidではなく）共通のクラスを追加します。次に、あなたは次の行に沿って何かをすることができます：

$('.click-event-class').click(function() { 
    var href = $(this).attr('href'); 
    $('html, body').animate({ 
      scrollTop: $(href).offset().top 
    }, 1000); 
});