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

Answer 2

Instead of trying to manipulate how the DOM elements work, wouldn't it be much easier to change your jQuery selector? http://api.jquery.com/parent-selector/