アンカーリンクの上にスペースを作成するにはどうすればよいですか?

ページ上のアンカー リンクの位置の調整

アンカー リンクを介してページ セクションにアクセスする場合、ユーザーは通常、アンカー リンクによってリンクされたセクションに移動することを期待します。ページ上部のエリア。ただし、特定のシナリオでは、リンクされた要素の上に垂直方向のスペースを維持することが望ましい場合があります。

これを実現するには、(ピクセル) は、アンカー リンクがクリックされた後、リンクされた要素とページの上部の間に維持される必要があります。

コード例:

<code class="css">#anchor {
  scroll-margin-top: 100px;
}</code>

この例では、#anchor 要素は対応するアンカー リンクがアクティブ化された後、ページの上部から 100 ピクセル下に配置されます。

scroll-margin-top プロパティは最新のブラウザーでサポートされており、さまざまなプラットフォームで信頼性の高い動作が保証されていることに注意することが重要です。

以上がアンカーリンクの上にスペースを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。