Jumping from navigation to a certain area on one side Springen von der Navigation zu einem bestimmten Bereich auf einer Seite - Forum | JoomShaper
Staff replied SP Page Builder

Jumping from navigation to a certain area on one side Springen von der Navigation zu einem bestimmten Bereich auf einer Seite

Asked by Matthias Wulff 1 year ago Last activity 1 year ago

Hello and good day,
Is it possible to navigate on one side via navigation to a certain area? For example, if an interesting contribution is in the middle or at the end of a certain page to jump right there?

Doesn't it necessarily have to be possible from the main navigation, but also to jump into certain areas with anchor points within the page?

Thank you for an info whether this is technically possible.

.......................................................................

Hallo und guten Tag,
ist es möglich über die Navigation zu einem bestimmten Bereich auf einer Seite zu Navigieren? Zum Beispiel, wenn ein Interessanter Beitrag mitten oder am Ende einer bestimmten Seite steht, genau dorthin zu springen?

Es muß auch nicht unbedingt aus der Hauptnavigation möglich sein, sondern auch innerhalb der Seite mit Ankerpunkten zu bestimmten Bereichen zu springen?

Besten Dank für eine Info ob das technisch möglich ist.

3 replies

Ziaul Kabir Staff

Hi Matthias,

Yes, you can jump to a specific section in SP Page Builder using anchor links:

  1. Add an ID to a Section/Row
    • In SP Page Builder, go to Row Options → Settings and set a unique CSS ID (e.g., my-section) in section-id.
  2. Create a Link
    • On the same page:

<a href="#my-section">Jump to Section</a>

• From another page:

your-page-url#my-section

  1. Menu Link (Optional)
    • In Joomla Menus, create a New Menu Item, set type to External URL, and enter your-page-url#my-section.

For smooth scrolling, add this CSS in Custom CSS:

html { scroll-behavior: smooth; }

Let me know if you need further help!

Best,

Matthias Wulff Asked this

Hello ziaul,

I'll try that out right away. Thank you very much for the great help.
Have a nice day and all the best;)
Matthias Wulff
..............................................

Hallo Ziaul,

das werde ich gleich ausprobieren. Herzlichen Dank für die tolle Hilfe.
Schönen Tag noch und alles Gute;)
Matthias Wulff

Ziaul Kabir Staff

Hello,

You’re welcome! Could you please accept the answer for your question so it is marked as complete?

Thanks!

Log in to reply.