2

name="object" を使用し、次に href="#object" id を使用してそのオブジェクトまでページをスクロールさせると、ページのランディング位置を調整できます。ウィンドウの上部ではなく、数ピクセル下。スクロールするとコンテンツが後ろに移動する固定ナビゲーション バーがあり、ナビゲーション バーは常に表示されます。そのため、href="#object" を使用すると、ナビゲーション バーの後ろにあるため、一部が切り取られます。修正はありますか？ありがとうございました。

4

3 に答える 3

5

名前付きアンカーを持つ要素の上部のパディングとマージンのスタイルを変更します。たとえば、ヘッダーの高さが 100 ピクセルの場合、名前付きアンカーに -100px の margin-top と 100px の padding-top を指定します。

このjsFiddle の例を参照してください。

この例では、リンクは太字のテキスト ('Vestibulum ante ipsum') をページの上部から 100 ピクセルに移動します。

于 2012-06-05T17:16:26.983 に答える
2

そして、css セレクターを介してこれらのプロパティ (j08691 で述べたように) を設定する場合は、この JS を html に配置すると、属性セレクターが機能しない場合 (古いブラウザー):

function findAnchors(){
    anker = document.anchors;
    for(i=0; i<anker.length; i++ ){
        anker[i].className = "anchor";
    }
}
window.onload = findAnchors();
于 2012-06-05T17:25:47.197 に答える
1

プラグイン構成でを設定することにより、 jQuery.localScrollでこれを行うことができoffsetます。

ここで、フィドルを持っています。

于 2012-06-05T17:20:03.923 に答える