jQuery에서 애니메이션 스크롤하기

Question

jQuery를 사용하여 div에 대한 링크에서 부드러운 애니메이션을 만듭니다. 나는이 더 이상 몇 번을 사용하고 있기 때문에

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

, 나는 각 요소의 ID에 하드 코드 싶지 않아요. 어떻게 자동으로 ID를 "#link"라고 쓰여있는 정지 부분에 넣고 그 id의 href ("#portfolio")를 포트폴리오 위치에 넣을 수 있습니까?

Answer 1

이 클릭 이벤트를 첨부하려는 각 요소에 (개별 ID 대신) 공통 클래스를 추가합니다. 그러면 다음 행을 따라 뭔가 할 수 있습니다.

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