CodePen

HTML

            
              
            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              	$('.scroll').click(function(event) {
		event.preventDefault();
	 
	    var full_url = this.href;
	       
	    var parts = full_url.split('#');
	    var trgt = parts[1];

	    //var target_offset = $('#'+trgt).offset();
	    var target_offset = $('#'+trgt).offset();
	    var target_top = target_offset.top -85;

	    //add the magic
	    $('html, body').animate({scrollTop:target_top}, 500);

	});
	    
	$('nav#navigation a').click(function(){
		$('nav#navigation a').removeClass('active');
	    $(this).addClass('active');
	});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................