固定的導航內部鏈接

Question

我的網站頂部有一個固定的導航欄，它鏈接到頁面下方的部分。但是，由於nav是固定在頁面的頂部而不是文檔流的一部分，因此它與我鏈接的部分重疊，而不是觸摸該部分的確切頂部。這裏是我的意思的例子：http://nashwp.guuhuu.com/

但我想要的是導航的底部停止在該部分的開頭，所以它不重疊。這裏是一個例子：http://wpdemo.themi.co/rythm/

那麼我該如何做到這一點？是唯一的方法，或者我可以用CSS來完成嗎？

Answer 1

是的唯一的方法是用Javascript。因爲它可能使用錨標籤（或者至少這是一個好辦法）。

當我做這樣的事情，我必須看看我要動畫的頁面有多遠，然後添加X的像素數量來抵消固定的導航欄。否則，我想要去的地方在固定的導航後面（這不是很好）。

所以是最好的方法可能是JS。您也可以考慮對正在滾動的元素應用邊距或填充。但我不確定瀏覽器是否始終滾動到該元素的頂部（無論是邊距還是填充）。