Scroll this section and look at the navigation

webshopdesigners
Offline Topic Author
Fresh Boarder
Posts: 12
Thank you received: 0

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

Posted 8 years 1 month 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.

joomlaplates
Offline
Moderator
Posts: 8872
Thank you received: 1743

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

Posted 8 years 1 month 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:8 years 1 month ago by joomlaplates

Attachments:

Last edit: 8 years 1 month ago by joomlaplates.

The following user(s) said Thank You: webshopdesigners

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

webshopdesigners
Offline Topic Author
Fresh Boarder
Posts: 12
Thank you received: 0

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

Posted 8 years 1 month ago #19609

THX I'm going to try it....

by webshopdesigners

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