прокрутить позицию в div с главной страницей

Question

У меня есть тег div в теге содержимого, так как я использую мастер-страницу с тегами форм и тела.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">

  <div id="xxx"  style="overflow:scroll; height:450px;">

     <asp:GridView ID="GridView1" runat="server" ...>

     </asp:GridView>

  </div>
</Content>

Я хочу сохранить положение прокрутки div, когда происходит обратная передача.

При поиске есть jscripts, но я не знаю, как применить их к главной странице.

, пожалуйста, помогите, если есть более простой способ.или как использовать JavaScript с приведенным выше кодом.

Любая помощь приветствуется .. спасибо

Answer 1

Вы можете использовать AJAX для удаления постбэков, которые сохранят вашу позицию.Более конкретно, вы можете взглянуть на элемент управления UpdatePanel.

Обновление:

Решением, отличным от AJAX, будет добавление следующего атрибута в тег страницы.

<% @ Page MaintainScrollPositionOnPostback = "true"%>

Answer 2

Попробуйте, это сработало для меня.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
    <div id="divScroll" style="overflow:auto; height:450px;">  
        <asp:GridView ID="GridView1" runat="server" ...>
        </asp:GridView>   
    </div> 
</Content> 
<script type="text/javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);               
</script>
</asp:UpdatePanel>

В javascript файле добавьте следующий код:

var scrollTop;
function BeginRequestHandler(sender, args) 
{
    var m = document.getElementById('divScroll');
    scrollTop = m.scrollTop;
}
function EndRequestHandler(sender, args) {
    var m = document.getElementById('divGrid');
    m.scrollTop = scrollTop;
}