警报会导致向上滚动

Alert causes scroll top

本文关键字:滚动      更新时间:2023-09-26

我正在开发一个asp应用程序,当我的警报可视化时遇到了问题。特别是,我有一个很长的页面,当我的警报可视化时,页面会在顶部滚动,然后当我单击"确定"时,页面就会返回正常。我正在使用滚动保护程序脚本。我也在尝试在警报后添加return false,但它不起作用。

我在aspx页面中添加了此功能

<script type="text/javascript">
somefunction = function () { alert('foo'); return false; }
</script>
<asp:Button ID="btnCarousel" runat="server" Text="" OnClick="btnCarousel_Click" CssClass="btn btn-info btn-sm btn-orange  " Visible="false" ToolTip="Change to Carousel and Viceversa"  />

在cs页面

ScriptManager.RegisterStartupScript(this, GetType(), "somefunction", "somefunction();", true);  

请帮助我

页面滚动到顶部的原因是因为发生了POSTBACK。浏览器从头开始再次渲染页面。尝试将OnClientClick="somefunction"用于按钮

为了解决这个问题,我这样做:

我创建了这个函数:

<script type="text/javascript">
   function alertMe(message) {
      setTimeout(function () { alert(message); }, 100);
   }
</script>

在cs页面中:

Page.ClientScript.RegisterStartupScript(this.GetType(), "alert", "alertMe('test');", true);

通过这种方式,我"避免"回发