Sometimes for example when I am on hte page itself or coming from another site it works. If I am on a different page on my site and then I click on the nav bar then it jumps to the bottom.

http://gocoderz.com/#features

Can you help me out here?

Thanks

The reason is most likely the carousel that is above the “features” div. It get’s initialized at runtime and before it is it stretches down quite a bit, so the calculation for the scroll is no longer valid. Try moving the carousel away (or below the div) and try again.

However I need a different solution because this carousel needs to be towards the top of the page. Can you think of another solution? Is it because of the number of images in the carousel?

Find this section in your js/commmon.js file:

// If a hash exists in URL, scroll to it
if ( window.location.hash ) {
	var options = {
		speed: 800, 
		easing: 'easeInOutQuart',
	};
	// Check if Element with this ID exists
	if($(window.location.hash).boc_doesExist()){
		smoothScroll.animateScroll( null, window.location.hash, options );
	}
}

Remove it from there and at the bottom of the same file add this:

jQuery(window).load(function(){
	// If a hash exists in URL, scroll to it
	if ( window.location.hash ) {
        var options = {
			speed: 800, 
			easing: 'easeInOutQuart',
		};
		// Check if Element with this ID exists
		if(jQuery(window.location.hash).boc_doesExist()){
			smoothScroll.animateScroll( null, window.location.hash, options );
		}
    }
});