Question

I Have a button at the top, 4 tables in the middle and a div (id=”MasterDiv”) on the bottom of a page. How can I scroll to the div automatically when I click the button?
Thanks

Answer 1

You can use this function (which uses jQuery’s .animate)

function scrollToElement(selector, callback){
    var animation = {scrollTop: $(selector).offset().top};
    $('html,body').animate(animation, 'slow', 'swing', function() {
        if (typeof callback == 'function') {
            callback();
        }
        callback = null;
    });
}

You call it like this:

scrollToElement('#MasterDiv');

Or if you want to include a callback:

scrollToElement('#MasterDiv', function(){
  alert('Page scrolled');
});