ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• August 5, 2016 at 2:10 pm #286084
  rolandcs

  Member

  Post count: 2

  I’m using an Icon Box and am linking it to an anchor on the same page. I would like this to smooth scroll. I have added the ‘smooth-scroll-link class’ to the “Extra Class Name” section in the editor, but smooth scrolling doesn’t work. Any ideas?

  August 8, 2016 at 8:27 am #286208
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Pleae go to Admin > Theme Options > Custom CSS/JS > Custom JS > Paste given below code:-

  
  <script>
  jQuery('a.linked-icon').on('click', function(e) {
  				
  				var linkHref = jQuery(this).attr('href');
  								
  				if (linkHref.indexOf('#') === 0) {
  					var spacerHeight = jQuery(linkHref).height(),
  						headerHeight = 0;
  						
  					if (jQuery('.sticky-header').length > 0) {
  						headerHeight = jQuery('.sticky-header').height();
  					}
  					if (jQuery('#wpadminbar').length > 0) {
  						headerHeight = headerHeight + 28;
  					}
  					
  					jQuery('html, body').stop().animate({
  						scrollTop: jQuery(linkHref).offset().top + spacerHeight - headerHeight - 10
  					}, 1000, 'easeInOutExpo');
  					
  					e.preventDefault();
  					
  				} else {
  					return e;
  				}
  				
  			});
  </script>
  

  Thanks
  Mohammad

  August 8, 2016 at 10:53 am #286254
  rolandcs

  Member

  Post count: 2

  Perfect – thank you!

  August 8, 2016 at 10:56 am #286255
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Glad 🙂 to help you.
  Thanks
  Mohammad

• Back to forum

  Posted in: Dante