單擊錨點鏈接時垂直居中div

Question

我想做的是有一個鏈接到頁面下方div的錨鏈接。 通常，它的工作方式是向下滾動到錨點，將其定位在窗口的頂部。 有沒有辦法讓它向下滾動並居中？

我已經通過在其中放置另一個div來解決此問題，並為其賦予了top的絕對位置：calc（-50vh + 200px）;，並將其作為錨。

這在Firefox和IE中可以正常工作，但在Chrome中則不能。 我以為這不是最好的方法。 我敢肯定有某種方法可以用Javascript完成，但是我還沒有找到任何可行的例子。 有沒有人知道如何實現這一目標？

Answer 1

您可以嘗試：

window.scrollTo(x, y);

如果您不想對y的值進行硬編碼，則可以使用jQuery的.position（）方法來查找y的值。