如何滚动 加载页面时从底部开始
本文关键字:底部 开始 加载 何滚动 滚动 | 更新日期: 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;">
<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;"> <asp:Label ID="Label7" runat="server" Font-Italic="False" ForeColor="Black" Font-Size="Medium"><%#Eval("Messages") %> </asp:Label>
</div>
<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"