Автоматизация анимации прокрутки в jQuery

Question

Я использую jQuery для создания плавной анимации из ссылки на div.

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

Поскольку я использую это больше, чем пару раз, я не хочу, чтобы жестко закодировать в идентификаторах для каждого элемента. Как я могу автоматически поместить идентификатор на остановке, который говорит «#link», и поместить href («#portfolio») этого идентификатора в пятно портфеля.

Answer 1

Я бы добавил общий класс (вместо отдельных идентификаторов) к каждому элементу, к которому вы хотите привязать это событие click. Затем вы можете сделать что-то по линиям:

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