在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); 
});