web-dev-qa-db-ja.com

アンカーを別のページにリンク(href)

次のような作業アンカーのあるページがあります。

<a class="nav-link" href="#ta-services">Leistungen</a>
...
<section class="border-top" id="ta-services">

別のページで、同じアンカー位置にある最初のページにリンクしたい。私の理解では、それはプレーンHTMLで可能になるはずです。

<a class="nav-link" href="index.html#ta-services">Leistungen</a>

ただし、リンクはindex.htmlへの通常のリンクと同じように機能し、ページは下にスクロールしません。オンラインの例 http://elisabethzenz.at/impressum_datenschutz.html 。右上の「Leistungen」という名前のリンク。

ウェブサイトはbootstrapテンプレートに基づいています。これは、フルスクリーンのヘッダー画像に干渉する可能性があります。問題を解決するためのヒントがあれば教えてください!

6
Markus Proske

アンカーの組み込みのスクロール機能を使用します。

page1.html

<a href="page2.html#Anchorname">go to page 2</a>
<a name="Anchorname"></a>

page2.html

<a href="page1.html#Anchorname">goto page 1</a>
<a name="Anchorname"></a>
0
David Clews