The layout of the menu # tabs similar to that in Wordpress

[sylwekb]

I am using the Cassiopeia template. Is it possible to get a smooth tab effect similar to Wordpress? It's about scrolling within one page. As I understand it, these are # (bookmarks)? Is there an addition to this or can this be done with existing joomla functionality?

e.g. Wordpress

Code: Select all

https://gdg.pl

[sylwekb]

I mean a scrolling menu in the style of a smooth scroll. I can see that Astroid Framework has this functionality. Has anyone managed to achieve such an effect on the Cassiopeia template?

https://www.templaza.com/blog/how-to-co ... lyany.html

[pe7er]

Yes, a one-page-layout with that smooth scroll effect can be done with Joomla out-of-the-box.

Create menu items of type "External URL" to links that start with #, like #bookmark. In your articles that you display on the page (e.g. via Category Blog), add some IDs to your article (or via template override to the title)

Code: Select all

<h2 id="bookmark">The title of the article</h2>

General info about such anchor links: https://www.w3docs.com/snippets/html/ho ... -page.html

To create the smooth scroll, you have to add some custom CSS to your template (in user.css) that does the scrolling effect. Maybe you only need:

Code: Select all

html {
 scroll-behavior: smooth;
}

source: https://developer.mozilla.org/en-US/doc ... l-behavior

[sylwekb]

I do not know if there is anything else need to do because it does not work for me, see one example. The link "test" is not working.