3

クリックすると特定のエントリにアニメーション化されるアンカー タグを含む FAQ セクションのあるページがあります。

さらに、私は固定ナビを持っているので、jquery でアンカー オフセットを設定しました。

これで、スタートページに特定の FAQ エントリへのアンカー リンクができました。リンクはエントリに正しく移動しますが、ローカル スクロールがそのようにトリガーされないため、もちろんオフセットは追加されません。

別のページから来たときに、これらのアンカーにもオフセットを与えるにはどうすればよいでしょうか?

.wrapperdiv{ position:relative; top:-10px; } 各記事に: を追加しようとしました。しかし、それは役に立ちません。

ここですべてを見ることができます:

ページインデックスページのアンカーリンク リンクは、3 つのアイコンのリンクです。

4

1 に答える 1

1

次のことをテストできます。

<script type="text/javascript">

// Check if there's an anchor in the url
if (window.location.hash){
    var id = window.location.hash.substring(1);
}

// then on window load scroll to the called anchor (that will trigger the window scroll 
// so your upper menu can appear again)
$(window).load(function() {
  if (window.location.hash){
    $.scrollTo('#'+id, 300 // uncomment to set offset if you like, {offset: -70}
  );
 }
});

</script>

http://rueegg-praxis.ch/minimeecache/1349103535a17a59c76f4994e40f602abc25dd4d8b.jsのどこかで見たように、jsファイルで関数$ .scrollTo()が定義されていると想定しています。

于 2012-12-20T19:43:38.937 に答える