Question

I’m trying to prevent the scrolling to the top when using jQuery’s .load function. I’ve read at SO that you can use event.preventDefault(); event.stopPropagation();. Here is the link to this question. But when using beginform, you don’t have an event here.

I also tried to put a click event on the submit button, but this also didn’t work.

Thanks in advance!

This is the code of the view. When success the function closeFancyReservationCancel is called.

@using (
    Ajax.BeginForm("Cancel", 
                   "Reservation", 
                   new AjaxOptions { HttpMethod = "POST", 
                                     OnSuccess = "closeFancyReservationCancel"}, 
                   new { id = "cancelForm" }))
    {
        ...
    }
)

And this is the jQuery function

function closeFancyReservationCancel() {
    $.fancybox.close();
    $('#reservationList').load(ResolveUrl('~/Reservation/reservationList'));
}


function ResolveUrl(url) {
if (url.indexOf("~/") == 0) {
    url = baseUrl + url.substring(2);
}
    return url;
}

Here a part of my HTML:

<div id="reservationList" class="tblContainer">
    @Html.Action("reservationList", "Reservation")
</div>

The action reservationList returns a view with the table. Only the body of the table has an overflow: auto;.

EDIT: added more information

I have a div with a list of my reservations table. I am using MVC3 to show that list. When press the cancel button, the div will reload by the .load function.

EDIT

Here my HTML view with the table:
Pastebin

Answer 1

You can simply get the Scroll amount before loading. And apply the same scroll amount after load is finished

function closeFancyReservationCancel() {
    $.fancybox.close();
    var scroll_amount= $('#reservationList').scrollTop();
    $('#reservationList').load(ResolveUrl('~/Reservation/reservationList'),
                          function() {
                              $('#reservationList').scrollTop(scroll_amount);
                          });
}

If you want you can also use .scrollLeft() amount.