BlockUI scrolls to top
<p>I am using the JQuery BlockUI plugin:</p>

<pre><code>function block(msg) {
    $.blockUI({
        message: msg,
        css: {
            border: 'none',
            padding: '15px',
            backgroundColor: '#000',
            '-webkit-border-radius': '10px',
            '-moz-border-radius': '10px',
            opacity: .8,
            color: '#fff'
        }
    });
}

function unblock() {
    $.unblockUI();
}
</code></pre>

<p>The problem I am facing is, as soon as I call it, it scrolls my page to the top. This is not good.</p>

<p>Here is the generated html:</p>

<p><img src="http://i.stack.imgur.com/qRJrJ.png" alt="enter image description here"></p>

<p>Is there anything I could modify so that it does not touch the pageoffset / scrolling? Is there anything I could do to preserve it or anything?</p>

<p>Thanks</p>

<p>called here:</p>

<pre><code>function callBump(realid) {

    block('Bumping...');

    $.ajax({
        type: "POST",
        url: "CalendarServices.aspx/Bump",
        data: 'id=' + realid,
        success: function (data) {
            $('#calendar').fullCalendar('refetchEvents');
            unblock();
        }
,
        error: function () {
            unblock();
        }
    });
}
</code></pre>
