1

基本的に、ウィンドウの上部に常に接続されているナビゲーション付きの固定ヘッダーがあります。次に、ページネーションである別の固定要素がありますが、スクロールされたときにウィンドウの上部にのみアタッチされます!

このページネーションには、ページのさまざまなセクションにリンクするアンカー リンクがあります。ただし、リンクをクリックすると、フローティング要素を修正するコンテンツがカバーされました。

以下に例を示します: http://www.chudz.co.uk/test/

下にスクロールすると、ページネーションがヘッダー ナビゲーションに追加されていることがわかります。次に、ページネーションの「A」をクリックすると、何が起こるかがわかります! 内容は網羅！(A は動作する唯一のリンクです。申し訳ありません)。

私が使用できる解決策を知っている人はいますか？

ありがとう

4

2 に答える 2

1

この問題に対するJavaScriptの回避策は次のとおりです。まず、このようにヘッドリンクのname属性をid属性に変更します。

<h2><a id="a">Authors - A</a></h2>

次に、このスクリプトを一番下のスクリプトに追加します。

$(document).ready(function(){
    $("#pagination a").click(function(event){ 
        event.preventDefault();
        var o =  $( $(this).attr("href") ).offset();   
        var sT = o.top - 151; // 151 is the header height + navigation height 
        window.scrollTo(0,sT);
    });
});
于 2013-02-25T16:01:56.620 に答える
1

固定されたページネーションは、dom のスペースを占有していません。

「name」の代わりに「id」を使用し、アンカーにクラスを追加して絶対位置に配置し、負のマージン (ページネーションの高さと同じ) で上に移動する必要があります。これにより、アンカーがページネーションの下で開始されるようになります。

于 2013-02-25T15:43:09.383 に答える