单击锚链接时垂直居中div

Question

我想要做的是有一个锚链接链接到页面下方的div。通常，它的工作方式是向下滚动到锚点，将其定位在窗口的顶部。有没有办法让它向下滚动并居中呢？

我通过在内部添加另一个div来解决这个问题，给它一个绝对的顶部位置：calc（-50vh + 200px）;并将其作为锚点。

这适用于Firefox和IE，但不适用于Chrome。我认为这不是最好的方法。我确信有一些方法可以用Javascript完成这个，但我还没有找到任何有用的例子。有没有人知道如何实现这一目标？

Answer 1

你可以尝试：

window.scrollTo(x, y);

如果您不想对y的值进行硬编码，可以使用jQuery的.position（）方法来查找y的值。