如何滚动 加载页面时从底部开始

本文关键字:底部 开始 加载 何滚动 滚动 | 更新日期: 2023-09-27 18:35:44

嗨,我正在使用 asp.net/c#做社交网络服务,我在发送消息方面几乎没有问题。

当我开始发送消息时,滚动显示如下。 当我按发送消息时,它首先显示旧消息,滚动顶部,但我想要更新的消息,这意味着当我页面加载页面时应该首先显示新消息

我的 ASPX 代码

<div style=" overflow-y:auto; height:368px; margin-top: -50px; border-top-style: groove; border-right-style: groove; border-left-style: groove; width: 602px; margin-left: 0px;" >      
              <asp:Repeater runat="server" ID="Repeater1" >
 <ItemTemplate>


     <div style="border-top: thin none #BBCEB3; border-bottom: thin none #BBCEB3; padding: 10px;  width: 548px; margin-top: -10px; right: 10px; left: 10px; border-left-width: thin; margin-left: 15px; background-color: #fffff0; border-left-color: #BBCEB3; border-right-color: #BBCEB3; border-top-style: groove; border-bottom-style: groove;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <br />
                    <div style="width: 58px; height: 40px">
                    <asp:Image ID="Image2" runat="server" Height="59px" ImageAlign="Top" ImageUrl='<%#Eval("SProfilePic") %> ' Width="55px" />
                        </div>
                    <div style="width: 307px;  margin-left: 65px; margin-top: -60px">
                        <asp:Label ID="Label6" runat="server" Font-Bold="True" Font-Names="Arial" ForeColor="#000066"><%#Eval("SenderName") %> </asp:Label>
                    </div>
                    <div id="status" style=" width: 461px; margin-left: 78px; margin-top: 11px;">&nbsp;<asp:Label ID="Label7" runat="server" Font-Italic="False" ForeColor="Black" Font-Size="Medium"><%#Eval("Messages") %> </asp:Label>
                    </div>
                    &nbsp;<div style="margin-left: 400px; background-color: #C0C0C0;">
                        <asp:Label ID="Label11" runat="server"  Text="" Font-Size="Small"><%#Eval("Time") %> </asp:Label>
                    </div>
                </div>


 </ItemTemplate>

如何滚动 加载页面时从底部开始

例如,将服务器控制器放在那里:

<asp:Button ID="BtnOutside" runat="server" Text="Random" style="margin-left:-999px;" />

然后使用

Page.SetFocus(Me.BtnOutside.ClientID);

将焦点放在由于负边距而对客户端不可见的按钮上。这应该将滚动条推到底部。

把它放在你的代码中任何你想关注的地方——你可以使用它

在同一代码集中多次更改"ID"


<asp:Button ID="FocusBottom" runat="server" Text="Random" style="margin-left:-999px;"

在事件(按钮单击任何)放入此。

Page.SetFocus(FocusBottom);

将要调用的 (#####) 更改为"ID"