2

私のページには、ページの上部に固定されたメニューがあります。メニューの高さは約 50 ピクセルで、画面の幅全体に広がります。ロード時にページのコンテンツを適切に表示するために、本文コンテンツの上部に任意の量のパディングを設定しました。ここで、次を使用してページ上の要素にリンクする場合:

<a href="#idOfElement">anchor text</a>

通常、これらのリンクをクリックすると、問題の要素がブラウザ ウィンドウの上部に表示されます。ただし、そこに固定メニューがあるため、コンテンツ (または少なくとも最初の ~50px) はメニューによって隠されています。

要求された要素がページの最上部に表示されないように、ページ内リンクをオフセットする方法はありますか?

4

1 に答える 1

1

Javascript (jQuery) を使用して、コンテンツ div とハイパーリンクに ID があると仮定し、質問を理解していると仮定します。

$("#yourAId").click(function(){

  $("#yourContentId").css("padding-top", $("#yourContentId").css("padding-top") + 50 );

});
于 2012-04-04T21:36:31.520 に答える