Single Page Scroll

General questions relating to Joomla! 4.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10
Post Reply
williama
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 130
Joined: Sun May 18, 2008 10:01 pm

Single Page Scroll

Post by williama » Mon Apr 22, 2024 11:15 am

Hi guys, I am trying to put together a single-page style website with several sections displayed on one page.
So, if a section is selected from the menu, I would like it to scroll down to that section on the website.

I have this working so far with the below.

Menu item set as a URL link pointing to something like '#showreel'.

Then in the article or a module using a WYSIWYG editor, I insert this code using.

Code: Select all

<section id="showreel" class="row">
This seems to work well, and the screen will move to its position when the menu item is clicked.
However, what I would like to know is how I can do this with another module, one that does not allow you to insert code. For example, I am using several newsflash modules on this same page, and would like to move between them based on the menu item clicked. Any help on this would be very much appreciate. Thank you.

Post Reply

Return to “General Questions/New to Joomla! 4.x”