特定のアンカーに対してオフセットアンカー関数を作成する方法は？

Question

私は、次のコードを持っている：

function offsetAnchor() { 
    if(location.hash.length !== 0) { 
     window.scrollTo(window.scrollX, window.scrollY - 160); 
    } 
} 

     $(window).on("hashchange",offsetAnchor); 

     window.setTimeout(offsetAnchor, 1); 

を、私はアンカーをクリックすると、それが正しいアンカー-160画素に私をリード。しかし、私のページの各アンカーには特定のオフセットが必要です。

特定のアンカーだけで機能するように関数を指定するにはどうすればよいですか？ 1つの関数内で複数のアンカーに複数のオフセットを与える方法はありますか？

Answer 1

何少しのようにそのコードをリファクタリングについて：

var anchorDistanceMap = { 
    "someAnchor": -160, 
    "otherAnchor": -400 
}; 

function offsetAnchor(distance) { 
    if (location.hash.length !== 0) { 
     window.scrollTo(window.scrollX, window.scrollY - distance); 
    } 
} 

$(window).on("hashchange", function (e) { 
    window.setTimeout(function() { 
     offsetAnchor(anchorDistanceMap[location.hash]); 
    }, 1); 
}); 

をそしてあなただけの各アンカーのために必要な距離を表すためにanchorDistanceMapオブジェクトを編集する必要があります。