Title: robdesigns's Replies | WordPress.org

---

# robdesigns

  [  ](https://wordpress.org/support/users/robdesigns/)

 *   [Profile](https://wordpress.org/support/users/robdesigns/)
 *   [Topics Started](https://wordpress.org/support/users/robdesigns/topics/)
 *   [Replies Created](https://wordpress.org/support/users/robdesigns/replies/)
 *   [Reviews Written](https://wordpress.org/support/users/robdesigns/reviews/)
 *   [Topics Replied To](https://wordpress.org/support/users/robdesigns/replied-to/)
 *   [Engagements](https://wordpress.org/support/users/robdesigns/engagements/)
 *   [Favorites](https://wordpress.org/support/users/robdesigns/favorites/)

 Search replies:

## Forum Replies Created

Viewing 1 replies (of 1 total)

 *   Forum: [Plugins](https://wordpress.org/support/forum/plugins-and-hacks/)
    In
   reply to: [[Page scroll to id] When clicking a nav link it jumps to the section ID on the page not smoothly](https://wordpress.org/support/topic/when-clicking-a-nav-link-it-jumps-to-the-section-id-on-the-page-not-smoothly/)
 *  Thread Starter [robdesigns](https://wordpress.org/support/users/robdesigns/)
 * (@robdesigns)
 * [4 years ago](https://wordpress.org/support/topic/when-clicking-a-nav-link-it-jumps-to-the-section-id-on-the-page-not-smoothly/#post-15590462)
 * Thanks Malihu for the swift reply, i appreciate your advice but I’ve looked through
   the admin files and through the theme options but nothing shows up or is available
   which references the scrollbar.
 * The only thing i could find was a mention of “scrolling” in the template.js file,
   near the bottom. I deleted it and then checked the site but still not working
   unfortunately.
 * Thanks for your help though, not sure ill be able to fix this, your emaple page
   works beautifully with the smooth scroll, thats what im trying to achieve
 * Regards
    Rob
 * —————————————
 * Ananke theme
    js/template.js
 *     ```
       (function($) { "use strict";
       	$("body").fitVids();
       	$('.flexslider').flexslider({
       		animation: "slide",
       		autoplay: true
       	});
   
       	//Home Text Rotator
       	$('.flippy ul').flippy({
       	    interval: 4,
       	    speed: 500,
       	    stop: false,
       	    distance: "100px"
       	});
   
       	//Scroll Top
       	$('.back-top').click(function() { $('body,html').animate({scrollTop: 0}, 500);  return false; });	
   
       	 // Add class for columns : 10, 11, 12 skeleton.  
          $('.rows').find('div').each(function(i, ojb) {
               if ( $(this).hasClass('one columns2') ) {
                   $(this).removeClass('one columns2').addClass('twelve columns');
               }
   
               if ( $(this).hasClass('one columns1') ) {
                   $(this).removeClass('one columns1').addClass('eleven columns');
               }
   
               if ( $(this).hasClass('one columns0') ) {
                   $(this).removeClass('one columns0').addClass('ten columns');
               }
           });	
   
           $('.column, .columns').parents('.twelve.columns').removeClass('columns');
   
       	//Home fit screen			
       	$('#home').css({'height':($(window).height())+'px'});
       	$(window).resize(function(){
       		$('#home').css({'height':($(window).height())+'px'});
       	});
   
       	//Navigation	
       	$('ul.slimmenu').on('click',function(){"use strict";	
       		var width = $(window).width(); 
       		if ((width <= 800)){ 
       			$(this).slideToggle(); 
       		}	
       	});				
       	$('ul.slimmenu').slimmenu({
       	    resizeWidth: '800',
       	    collapserTitle: '',
       	    easingEffect:'easeInOutQuint',
       	    animSpeed:'medium',
       	    indentChildren: true,
       	    childrenIndenter: '&raquo;'
       	});	
   
       	/* Scroll Too */	
       	$(window).load(function(){"use strict";	
       		$('#filter li:first-child a').click();
       		/* Page Scroll to id fn call */
       		$("ul.slimmenu li a[href^='#'], a.scroll").mPageScroll2id({
       			highlightSelector:"ul.slimmenu li a",
       			offset: 75,
       			scrollSpeed:1000,
       			scrollEasing: "easeInOutCubic"
       		});		
       	});
   
       	//Portfolio filter 
       	var $container = $('.portfolio-wrap');
       	var $filter = $('#filter');
       	// Initialize isotope 
       	$container.isotope({
       	    filter: '*',
       	    layoutMode: 'fitRows',
       	    animationOptions: {
       	        duration: 750,
       	        easing: 'linear'
       	    }
       	});
       	// Filter items when filter link is clicked
       	$filter.find('a').click(function () {
       	    var selector = $(this).attr('data-filter');
       	    $filter.find('a').removeClass('current');
       	    $(this).addClass('current');
       	    $container.isotope({
       	        filter: selector,
       	        animationOptions: {
       	            animationDuration: 750,
       	            easing: 'linear',
       	            queue: false,
       	        }
       	    });
       	    return false;
       	});
   
       	// Portfolio Ajax
           $(window).load(function() {'use strict';
   
       	  	var loader = $('.expander-wrap');
       		if(typeof loader.html() == 'undefined'){
       			$('<div class="expander-wrap"><div id="expander-wrap" class="container clearfix relative"><p class="cls-btn"><a class="close">X</a></p><div/></div></div>').css({opacity:0}).hide().insertAfter('.portfolio');
       			loader = $('.expander-wrap');
       		}
       		$('.expander').on('click', function(e){
       			e.preventDefault();
       			e.stopPropagation();
       			var url = $(this).attr('href');
       			loader.slideUp(function(){
       				$('.page-overlay').show();
       				$.get(url, function(data){
       					var portfolioContainer = $('.portfolio');
       					var topPosition = portfolioContainer.offset().top;
       					var bottomPosition = topPosition + portfolioContainer.height();
       					$('html,body').delay(600).animate({ scrollTop: bottomPosition - -10}, 800);
       					var container = $('#expander-wrap>div', loader);
   
       					container.html(data);
       					$(".video").fitVids();
       					$('.project').flexslider({
       				        animation: "fade",
       						selector: ".project-slides .slide",
       						controlNav: false,
       						directionNav: true ,
       						slideshowSpeed: 5000,  
       				    });
       					loader.slideDown(function(){
       						$('.page-overlay').hide();
       						if(typeof keepVideoRatio == 'function'){
       							keepVideoRatio('.video > iframe');
       						}
       					}).delay(1000).animate({opacity:1}, 200);
       				});
       			});
       		});
   
       		$('.close', loader).on('click', function(){
       			loader.delay(300).slideUp(function(){
       				var container = $('#expander-wrap>div', loader);
       				container.html('');
       				$(this).css({opacity:0});				
       			});
       			var portfolioContainer = $('.portfolio');
       				var topPosition = portfolioContainer.offset().top;
       				$('html,body').delay(0).animate({ scrollTop: topPosition - 70}, 500);
       		});
       	});
   
       	//Scrolling
       	$("html").niceScroll();
   
       	//Tooltip
       	$(".tipped").tipper();
   
       	//Parallax effects
       	$('.parallax').parallax("50%", 0.4);
       	$('.parallax2').parallax("50%", 0.4);
       	$('.parallax1').parallax("50%", 0.4);
       	$('.parallax-blog').parallax("50%", 0.5);
   
       	// fancybox popup
       	$(".fancybox-effects-d").fancybox({
       		padding: 0,
       		openEffect : 'elastic',
       		openSpeed  : 150,
       		closeEffect : 'elastic',
       		closeSpeed  : 150,
       		closeClick : true
       	});	
       	$(".fancybox-media").fancybox({
       		padding: 0,
       		maxWidth	: 800,
       		maxHeight	: 600,
       		fitToView	: false,
       		width		: '70%',
       		height		: '70%',
       		autoSize	: false,
       		closeClick	: true,
       		openEffect	: 'elastic',
       		closeEffect	: 'elastic'
       	});
   
       	// Slider Project
       	$('.project').flexslider({
       		animation: "fade",
       		selector: ".project-slides .slide",
       		controlNav: false,
       		directionNav: true ,
       		slideshowSpeed: 5000,  
       	});
   
       	//Counter
       	$('.counter').counterUp({
               delay: 100,
               time: 2000
           });
   
        })(jQuery);
       ```
   

Viewing 1 replies (of 1 total)