Willkürlicher Scroll nach Laden

[tcc]

Hy Leute,

Bei einem OnePager scrollt die Seite immer nach unten ins unterste drittel.
Egal wie ich die Url im Logo hinterlege - die Seite spring munter umher.

Wenn man hier unten das Impressum öffnet und dann wieder auf das Logo im Header klickt landet man immer in
- DOMAIN ENTFERNT DA ENTWICKLUNGSUMGEBUNG UND PROBLEM GELÖST -


ich kann mir das nicht erklären - hatte das Problem schon jemand von euch?

Viele Grüße
Johannes

[tschero]

Hi,

das Verhalten tritt bei erst dann auf, wenn mann das erste mal auf einen Menülink geklickt hat und die Seite gescrollt wurde. Ich lande dann hierbei immer im Kontaktbereich.
Die Konsole zeigt jede Menge Warnungen.

Welche Contaoversion und welche Eclipse Version verwendest Du?
Ist alles auf aktuellem Stand?

Gruß
tschero

[Tim]

Onepage Seiten speichern die letzte genutzt Scrollposition. Du kannst die Seite zwingen immer oben zu starten, in dem du der Seite in den Seiteneinstellungen die CSS-Klasse "to_top" gibts. Alternativ kannst du dem Link im Logo auch einen #top Anker vergeben.

[tcc]

Perfekt - danke das war die richtige Herangehensweise und hat das Problem sofort gelöst.

Danke für die schnelle Hilfe.

Lg
Johannes

[mapfei]

Schön wäre es, wenn dann bei Klick aufs Logo nicht noch #top oder #contentwrapper in der URL-Zeile steht. Analog zum Klick auf a.totop.

[Tim]

Der Klick aufs Logo soll besser die Seite neu laden.

[mapfei]

Der Klick aufs Logo soll besser die Seite neu laden.

Erzähl das mal meinem Kunden...

[Tim]

Erzähl das mal meinem Kunden...

Ich erzähls meinem Kunden

Setz doch ein {{env::request}}#top als href ein. Das sollte gut gehen.

[mapfei]

Setz doch ein {{env::request}}#top als href ein. Das sollte gut gehen.

Aber dann habe ich oben doch das #top mit in der URL stehen oder nicht?

[Tim]

In der scripts.js gibt es ein allgemein-gültiges Scroll-Script. Dort kannst du das Logo ergänzen.

Such mal in der Datei nach "* scroll to anchors" (ca. Zeile 790). .logo a bzw. .logo a[href*=\\#], ergänzen in der Reihe der Elemente.

(alternativ das script nach customize.js kopieren und nur für das Logo ergänzen.)