单击锚点链接时垂直居中div

Question

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

我已经通过在其中放置另一个div来解决此问题，并为其赋予了top的绝对位置：calc（-50vh + 200px）;，并将其作为锚。

这在Firefox和IE中可以正常工作，但在Chrome中则不能。 我以为这不是最好的方法。 我敢肯定有某种方法可以用Javascript完成，但是我还没有找到任何可行的例子。 有没有人知道如何实现这一目标？

Answer 1

您可以尝试：

window.scrollTo(x, y);

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