using to scroll a single page website

Question

I am working on a single page website and have a problem with the tags.

I would like when the user clicks a Div they get taken to a diff

Answer 1

you can try something like this:

$('a').click(function(e) {
   e.preventDefault();
   var scr = $('#target').offset().top; // top offset of the target element
    $('html, body').animate({scrollTop: scr}, 1000)
})

DEMO