在按钮上滚动到带有类的div单击[重复]

Question

我有一个从循环创建的按钮列表。单击这些按钮时，将在一个块的下方显示不同的数据（子页面内容）。每个按钮显示来自不同子页面的数据。

所以按钮有一个类 .service-tab 内容块有一个 .services-content 类

我试过jQuery如下：

$('.service-tab').click(function() {
    $('html,body').animate({
        scrollTop: $(".services-content").offset().top},
'slow');

这些似乎适用于我首先单击的任何按钮。然后，当我向上滚动页面以单击另一个按钮而不是再次返回时，以便 .services-content 再次与页面顶部对齐，它会向下，并且您单击任何按钮的次数越多，页面再次向下。 （随机取决于页面的位置，如果您单击按钮，它将再次按预期工作）。

我假设由于 JS 启动它记录页面位置并根据此移动？

Answer 1

做老派，使用锚。你的按钮都是<a href="#someElementId">，你的目标应该使用id而不是（或除了）一个类。不需要 jQuery 或 JavaScript。