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

Question

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

我已經解決了這個問題，把另一個div放在裏面，給它一個絕對的頂部位置：calc（-50vh + 200px）;並且使它成爲錨點。

這適用於Firefox和IE，但不適用於Chrome。無論如何，我認爲這不是最好的方式。我確信有一些方法可以用Javascript來完成，但我還沒有找到任何工作示例。有沒有人有一個線索可以實現這個目標？

Answer 1

你可以嘗試：

window.scrollTo(x, y); 

如果你不想硬編碼y的值，你可以使用jQuery的.POSITION（）方法來求y的值。