使用母版页在 div 中滚动位置答案

【问题标题】：scroll position in div with master page使用母版页在 div 中滚动位置
【发布时间】：2011-05-24 15:25:16
【问题描述】：

我在内容标签中有一个 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。

任何帮助表示赞赏..谢谢

【问题讨论】：

标签： c# javascript asp.net gridview html

【解决方案1】：

您可以使用 AJAX 删除将保留您的位置的回发。更具体地说，您可以查看 UpdatePanel 控件。

更新：

非 AJAX 解决方案是在页面标签中添加以下属性。

【讨论】：

是的，这是一个选项，但我在解决方案中有很多页面，我的公司不希望对一个页面进行更改，而不希望对其余页面进行更改。总之，这是一个未来的项目，我需要这个没有 ajax 的功能...感谢您的快速回复
试试这个：
我已经尝试过了，但它不适用于 div 它适用于页面的主滚动..
那么 iframe 怎么样？使用网格和页面滚动属性创建一个单独的页面，然后将其放置在主机页面的 iframe 中。
我一直在寻找 iframes，every1 似乎不是一个好主意...检查一下：stackoverflow.com/questions/364522/… .. 使用 Jscript 有没有办法

【解决方案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;
}

【讨论】：