Question

I have a page with multiple tabs and i Show and hide them based on a href click using jquery. Whenever I click on “a href”, the page is scrolled down. Am trying to set the focus on the top of the page. This is my first project in Jquery. I tried the following but still doesnt work.

1. scroll(0, 0);
2. window.scrollTo(0,0);
3. window.scrollTo(0, document.body.scrollHeight);
4. var ctrl = document.getElementById(‘lnkCreateJob’);
   ctrl.focus();

please do share some light on that matter.

Answer 1

Try like this:

$(".gototop").click(function(){
    var focusElement = $("#contents");
    $(focusElement).focus();
    ScrollToTop(focusElement);
});

function ScrollToTop(el) {
    $('html, body').animate({ scrollTop: $(el).offset().top - 50 }, 'slow');          
}

SEE DEMO