Ajax更新面板滚动条问题

我有一个更新面板，里面有数据列表

此更新面板每1秒触发一次，以从数据库检索数据

我把这个更新面板放在一个支持垂直滚动的div标签中

但当我得到新数据时，滚动条不会自动调整

我尝试过使用滚动选项，但它不起作用

在updatepanel触发后，是否有任何选项可将滚动条保持在其原始位置？

请尝试以下操作：

<script>
  var prm = Sys.WebForms.PageRequestManager.getInstance();
  prm.add_beginRequest(function(){
     window.dTop = document.getElementById('divIdHere').scrollTop;
  });

  prm.add_endRequest(function(){
       setTimeout(function(){
         document.getElementById('divIdHere').scrollTop = window.dTop;
      },100);
  });
</script>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_beginRequest（函数（）{
window.dTop=document.getElementById（'divIdHere'）.scrollTop；
});
prm.add_endRequest（函数（）{
setTimeout（函数（）{
document.getElementById（'divIdHere'）。scrollTop=window.dTop；
},100);
});

请尝试以下操作：

<script>
  var prm = Sys.WebForms.PageRequestManager.getInstance();
  prm.add_beginRequest(function(){
     window.dTop = document.getElementById('divIdHere').scrollTop;
  });

  prm.add_endRequest(function(){
       setTimeout(function(){
         document.getElementById('divIdHere').scrollTop = window.dTop;
      },100);
  });
</script>

var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.add_beginRequest（函数（）{
window.dTop=document.getElementById（'divIdHere'）.scrollTop；
});
prm.add_endRequest（函数（）{
setTimeout（函数（）{
document.getElementById（'divIdHere'）。scrollTop=window.dTop；
},100);
});

以下是我希望避免使用的JavaScript，它需要在每次刷新/更新时调整滚动位置

我猜你一定是设计了下面这样的页面

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
    <ContentTemplate>
        <div style="height: 400px/300px; overflow-y:scroll;"> 
            <asp:DataList ID="DataList1" runat="server">
                ....
            </asp:DataList>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

....

将其更改为类似这样的内容可以解决滚动问题

<div style="height: 400px/300px; overflow-y:scroll;"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
        <ContentTemplate>
                <asp:DataList ID="DataList1" runat="server">
                    ....
                </asp:DataList>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

....

以下是我希望避免使用的JavaScript，它需要在每次刷新/更新时调整滚动位置

我猜你一定是设计了下面这样的页面

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
    <ContentTemplate>
        <div style="height: 400px/300px; overflow-y:scroll;"> 
            <asp:DataList ID="DataList1" runat="server">
                ....
            </asp:DataList>
        </div>
    </ContentTemplate>
</asp:UpdatePanel>

....

将其更改为类似这样的内容可以解决滚动问题

<div style="height: 400px/300px; overflow-y:scroll;"> 
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional/Always">
        <ContentTemplate>
                <asp:DataList ID="DataList1" runat="server">
                    ....
                </asp:DataList>
        </ContentTemplate>
    </asp:UpdatePanel>
</div>

....

我在处理一个网页时遇到了同样的问题，在面板更新后，滚动条无法工作。将UpdatePanel标记放在div标记中解决了我的问题

因此，请更改以下内容

<UpdatePanel>
    <ContentTemplate>
         <div>
        </div>
    </ContentTemplate>
</UpdatePanel>

对,

---

我在处理一个网页时遇到了同样的问题，在面板更新后，滚动条无法工作。将UpdatePanel标记放在div标记中解决了我的问题

因此，请更改以下内容

<UpdatePanel>
    <ContentTemplate>
         <div>
        </div>
    </ContentTemplate>
</UpdatePanel>

对,

在这种情况下，滚动条不会调整到底部添加的新记录。在这种情况下，滚动条不会调整到底部添加的新记录。