How to scroll to div after click on About or Contact in my menu?

Question

How to scroll to div (e.g: #about, #contact) after click on About or Contact in my menu?

Answer 1

Your html:

    

        
Home
        
About
        
Contact
    
    
Name site

about
contact

Your javascript:

$('ul.nav').find('a').click(function(){
    var $href = $(this).attr('href');
    var $anchor = $('#'+$href).offset();
    window.scrollTo($anchor.left,$anchor.top);
    return false;
});

If you want to use animate, replace

window.scrollTo($anchor.left,$anchor.top);

by

$('body').animate({ scrollTop: $anchor.top });