How can I ScrollTop in SharePoint 2010 with JQuery

Question

I try to scroll the SharePoint page after the page loaded.

Using the following code:

$(document).ready(function(){
    $('html, body').animate({scrollTop: $('#WebPartWPQ1').offset().top}, 1000);
});

It starts scrolling the page, he problem is, that it scrolls back immediately.

Please help, how can I set in SharePoint 2010 not to scroll back after the page is loaded?

EDIT: I found the following code here:

$(document).ready(function() {
    $('form[action="AreaNavigationSettings.aspx"]')
        .closest('body')
        .css('overflow', 'visible')
        .find('#s4-workspace')
        .css('overflow', 'hidden');
});

which removes the scrollbar from the right of '#s4-workspace', I am wondering how this code could be modified not to remove scrollbar, but scroll to position?

Answer 1

I'm not sure how your code is working - unless you have a very customized version of the Master page... In SharePoint >= 2010, the "body" of the page (area below the ribbon that has a scroll bar) is actually a <div> with an id of s4-workspace... Try this:

$("#s4-workspace").animate({scrollTop: $('#WebPartWPQ1').offset().top}, 1000);

The above code works for me on SP2013 from the console...

If it is still scrolling back, then maybe add a setTimeout() with about 100ms dealy... something else is trying to get focus and thus the page is jumping...

Answer 2

Paul, Tiago, thanks again for the suggestions!

The solution was much closer I expected.

It seems that after $(document).ready there are still scripts running which overwrite executed commands.

This I could find out using the above code in the "EDIT:" part of my comment:

    $('form[action="AreaNavigationSettings.aspx"]')
    .closest('body')
    .css('overflow', 'visible');

The snippet added back the scrollbar for the whole page, however, only momentarily.

Searching then for

"how to execute jQuery after all $(document).ready() done"

I found

"use $(window).load(), which fires after $(document).ready()"

With this Even Paul's code works like charm