End of Support for Joomla 3 - Forum closed

Scroll this section and look at the navigation

Scroll this section and look at the navigation was created by webshopdesigners

Posted 6 years 2 months ago #19599
Hi,
Is it possible to add this to the ICE theme menu?

Scroll menu
www.w3schools.com/bootstrap/tryit.asp?fi..._scrollspy&stacked=h

If possible, the main question... where to put it ;-)
by webshopdesigners

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

Replied by joomlaplates on topic Scroll this section and look at the navigation

Posted 6 years 2 months ago #19603
Hi there,
yes for sure.
Add this code at the end ot the file: layouts/theme.php
Code:
<script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top-70}, 900); }); }); </script>

Attachment Screenshot_2-2-3-4-5-6-7-8-9-10-11-12-13-14-15-16-17-18-19-20-21-22-23-24-25-26-27.jpg not found



After that, you can scroll from menu to each anchor with following Joomla menu item setup

Attachment scroll-001.jpg not found



Attachment scroll-002.jpg not found

Dokumentation:
www.joomlaplates.de/dokumentation.html
Last Edit:6 years 2 months ago by joomlaplates
Attachments:
Last edit: 6 years 2 months ago by joomlaplates.
The following user(s) said Thank You: webshopdesigners

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

Replied by webshopdesigners on topic Scroll this section and look at the navigation

Posted 6 years 2 months ago #19609
THX I'm going to try it....
by webshopdesigners

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