css - 单击时按钮向顶部移动

Question

我在这个 link 有一个实时站点.在该主页的特色产品类别下，您可以看到一些产品。在每个产品下都有一个名为添加到购物车的按钮。现在，当你点击添加到购物车按钮时，你会看到按钮会跳到顶部，我使用的是 chrome 浏览器，所以请检查一下。那么有人可以告诉我如何解决这个问题。帮助和建议将是可观的。谢谢

更新

因为我使用了 position: absolute，这用于使该行中的所有按钮排成一行。因此，如果您提出删除该按钮的建议，请记住我必须使所有这些按钮保持对齐。

Answer 1

添加:

a.button:active{
    top:inherit;
}

在你的 css 的末尾。