the slow scroll effect on anchor link - JF Salina - Joomla Templates

Welcome, Guest

TOPIC: the slow scroll effect on anchor link

the slow scroll effect on anchor link 23 Sep 2017 09:40 #10611

To create the slow scroll effect on anchor links
I tried to
enter in jf_salina\scripts\js\template.js
this code

 
		//  SCROLL  //
		menuItems = $(".nav ul.nav > li > a");
		menuItems.click(function(e){ 
			$(".nav ul.nav > li").removeClass('active');
			$(this).parent().addClass('active');
 
			var href = $(this).attr("href"),
			    offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+12;
			$('html, body').stop().animate({ 
				scrollTop: offsetTop
                },800);
 
			e.preventDefault();
		});		
		//  \. SCROLL  //

but it does not work

maybe something else is missing?

Reply Quote

Posts:7
maxmak
Fresh Boarder
OFFLINE
Karma: 0

Re: the slow scroll effect on anchor link 23 Sep 2017 15:16 #10612

resolved here is the working code

 
		//  SCROLL  //
		topMenu = $(".header-bottom"); 
		topMenuHeight = topMenu.outerHeight();
		menuItems = $(".nav ul.nav > li > a");
		menuItems.click(function(e){ 
			$(".nav ul.nav > li").removeClass('active');
			$(this).parent().addClass('active');
 
			var href = $(this).attr("href"),
			    offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+12;
			$('html, body').stop().animate({ 
				scrollTop: offsetTop
                },800);
 
			e.preventDefault();
		});		
		//  \. SCROLL  //

Reply Quote

Posts:7
maxmak
Fresh Boarder
OFFLINE
Karma: 0

Reply Topic

New Topic

Page:
1

joomfreak.com Support Forum

Account Details

Your Forum Posts

TOPIC: the slow scroll effect on anchor link

the slow scroll effect on anchor link 23 Sep 2017 09:40 #10611

Re: the slow scroll effect on anchor link 23 Sep 2017 15:16 #10612

Support

Company

Who´s online