Anker Navigationslinks auf index Seite funktionieren nicht

[whitedrow]

Moin,

ich habe eine Website aus 2 Seiten:

Startseite
->Impressum

Startseite hat den Alias index
Impressum hat den Alias impressum




TL;DR
Wie verlinke ich von Unterseiten auf einen internen Anker der Startseite mit dem Alias index?




LONG VERSION
In einem Header-Navigationsmodul (dass ich mit Rocksolid gebastelt habe) vergebe ich jetzt die Urls zu diesen Seiten mit

'url' => [
            'label' => ['URL', ''],
            'eval' => ['mandatory' => true,'tl_class' => 'clr w50'],
            'inputType' => 'url',
        ],

Da der Alias index ja eine Sonderfunktion hat, generiert mir Contao folgendes, korrektes HTML:

<a href="./">Startseite</a>
<a href="https://tolleseite.de/impressum.html">Impressum</a>

Soweit, so gut, aaaaber:

Ich möchte jetzt innerhalb der Startseite verlinken, zum Beispiel zum Newsletter, dann sieht der Link so aus:

<a href="./#newsletter">Startseite</a>

Dass funktioniert auch, aber NUR auf der Startseite selbst.
Auf anderen Seiten, wie der Impressumsseite funktioniert der Link nicht mehr. D.h.: Ist man auf der Impressumsseite und klickt auf Startseite, passiert nichts...
Man springt also nicht auf die Startseite und dann zum Bereich #newsletter.


Wie kann man das Problem lösen?
Muss ich mit dem Link noch irgendwas geheimes machen?

[derRenner]

solltest du im URL-Feld nicht sowas wie {{link_url::2}} bekommen?
Daran dann den anchor anhängen {{link_url::2}}#newsletter

[whitedrow]

Habe ich gemacht:
Bildschirmfoto 2023-12-21 um 09.35.46.png

... wird ja auch korrekt gerendert:

<a href="./#newsletter">Startseite</a>

[Spooky]

Poste einen Link zur Seite, wo man das Problem sieht.

[whitedrow]

das ist natürlich wieder schwierig, weil alles noch gaaaaaaanz geheim.


Aber ich habe das gerade mal auf der Demoseite angelegt.

https://demo.contao.org/about-contao.html

Auf der About Seite gibt es einen JUMP TO FOOTER Link.

Offensichtlich ist in meinem Fall der Punkt am Anfang der URL falsch. Die Demoseite macht das nicht.
Aber wieso wird der da überhaupt reingerendert?

Bildschirmfoto 2023-12-21 um 11.59.00.png

[whitedrow]

Ich hatte versucht, dass Smooth Scroll Problem mit JavaScript zu lösen, falls irgendein Browser da draußen diese Eigenschaft noch nicht richtig interpretieren sollte.

Eine Recherche auf canius.com hat mich eines Besseren belehrt.

Jetzt geht alles mit folgendem Befehl, komplett ohne JS

html {
scroll-behavior: smooth;
}

[derRenner]

Dein ursprünglich beschriebenes Problem hat aber nichts mit Javascript oder smooth-scroll zu tun