End of Support for Joomla 3 - Forum closed

Zum Anker Scrollen

Replied by joomlaplates on topic Zum Anker Scrollen

Posted 6 years 11 months ago #17307
Hallo,
da ist nun nicht ganz so einfach, aber es geht glaube ich wie folgt.
Da Joomla einen default Artikel als Menupunkt benötigt, können sie für das "home" keinen Link zum Scrollen eingeben.
1.) Gut dann verstecken wir den Home Menupunkt einfach, siehe Bild

Attachment menu-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19.jpg not found



2.) Nun können wir einen Menupunkt, mit dem Namen Home ( oder was auch immer) erstellen, der immer nach oben scrollt >> #top


Das mit dem Logo ist etwas komplexer, da das Template immer das Logo Module autom. verlinkt mit der index.php.
Hier müssen sie den Link im PHP File >> layouts/theme.php entfernen.
Das sollte dannn wie folgt aussehen, siehe Bild

Attachment logo-2-3-4-5-6-7-8-9-10-11-12-13.jpg not found



Nun können sie ihr Logo selbst verlinken oder auch ohne Link belassen, wie so möchten
Attachments:

Please Log in or Create an account to join the conversation.

Replied by Webatelier on topic Zum Anker Scrollen

Posted 6 years 11 months ago #17339
Danke für die Hilfe.
Das mit dem Home und auch mit dem Logo funktioniert so leider nur bedingt.
Ich kann nun zwar #top-a bei der URL eingebn allerdings scrollt er dann eben nur zu top-a und nicht ganz nach oben. Die Anker sind ja nur für bestimmte Modulpositionen oder? Ein #menü zum Beispiel also ganz noch oben funktioniert ja leider nicht.
Habe ich hier noch eine Möglichkeit für eine Zusatzangabe im Sinnde von top a + 100px oder so?
Danke und freundliche Grüße

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Zum Anker Scrollen

Posted 6 years 11 months ago #17350
Hallo,
einen zusätzlichen Parameter können sie schon ind en Link einfügen.
Dann jedoch können sie ihn nur als Link einfügen und nicht als Joomla Menupunkt:
Code:
<a href="#my-id" data-uk-smooth-scroll="{offset: 90}">...</a>
getuikit.com/v2/docs/smooth-scroll.html

Please Log in or Create an account to join the conversation.

Replied by Andreas Franken on topic Zum Anker Scrollen

Posted 2 years 11 months ago #29222
Guten Tag zusammen,
Ich habe das Tamplate Jp-artist.
Ich möchte beim Start der Seite kein Autoscroll zur Position, sondern nur beim Click auf einen der Buttons.(Roter Pfeil) siehe Anhang
oder Beispiel Link:

www.andreas-franken.com/templates/jp-artist/images/beispiel.jpg

Ich habe den Code (Beispiel) versucht aber das funktioniert bei mir nicht.
Beispiel:
Code:
<s-cript type="text/j-avascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top-70}, 900); }); }); </script>
Die "CSS-Klasse für Link" habe ich natürlich für diesen Button "scroll" genannt.

Beim Klick auf einen Button startet die Seite wohl neu, nachdem der Code aufgerufen wurde.
Und so scrollt die Seite natürlich immer nach oben.
Ich möchte, das beim Klick auf einen Button die Seite 600 Pixel nach unten scrollt.
Wie löse ich dieses Problem am besten?

LG
Andreas
Last Edit:2 years 11 months ago by Andreas Franken
Attachments:
Last edit: 2 years 11 months ago by Andreas Franken.

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic Zum Anker Scrollen

Posted 2 years 11 months ago #29223
Hallo,
wie sieht denn der HTML code aus, den sie eingefügt haben.

PS: Scrollen 600px ist nicht möglich. Der Scroll springt auschließlich zu einem Anker bzw einer DIV ID

Please Log in or Create an account to join the conversation.

Replied by Andreas Franken on topic Zum Anker Scrollen

Posted 2 years 11 months ago #29224
Ich habe keinen HTML Code eingefügt. Ich wüsste ja nicht wo.
Dann wird das wohl der Fehler sein.
Wäre toll wenn Sie helfen würden.

LG
Andreas

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2022 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License