怎么在ASP.Net項目中實現一個頁面刷新后自動滾動到原來的位置

今天就跟大家聊聊有關怎么在ASP.Net項目中實現一個頁面刷新后自動滾動到原來的位置，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

在網上搜索之后總結了三種方式：

1.設置Page中的MaintainScrollPositionOnPostback屬性為true

　　A>.頁面里有MaintainScrollPositionOnPostback，默認是false，設為true即可(頁面級)

復制代碼 代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"  MaintainScrollPositionOnPostback="true"  Inherits="Default.Defa
ult" %> 

　　B>.設置web.config配置文件中的Pages節點中的MaintainScrollPositionOnPostback屬性為true(網站級或目錄級)

　　　　如果修改網站根目錄下的web.config則所有的頁面均會受影響，若只修改某個目錄下的web.config文件則只影響這個目錄中的頁面

　　　具體辦法:

　　在<system.web>節點下配置：

復制代碼 代碼如下:

<pages maintainScrollPositionOnPostBack="true"></pages>

　　C>.在頁面的code頁面，通過C#或VB代碼設置page的MaintainScrollPositionOnPostback屬性為true

復制代碼 代碼如下:

Page.MaintainScrollPositionOnPostBack = true;

或這樣寫

復制代碼 代碼如下:

this.MaintainScrollPositionOnPostBack = true;

2.可以使用Jquery，通過獲取某個元素當前位置的高度，具體實現如下

復制代碼 代碼如下:

function setPosition() 
{ 
     var top=$("#元素id").offset().top(); 
     $("html,body").animate({scrollTop:top},1000); 
} 

3.可以使用錨點，但這里可使用靈活處理

首先獲取需要滾動到的位置的id，如，可以設置一個元素（<span name="postion" id="postion"></span>，注：要在form里），另外在form的任意位置設置

復制代碼 代碼如下:

<a href="#postion" id="clickLink"></a>

注：a標簽里不要有內容，在回傳的地方調用

復制代碼 代碼如下:

Page.ClientScript.RegisterStartupScript(this.GetType(), "scroll", "document.getElementById('clickLink').click();", true); 

這種方法其實就是觸發某個元素的事件

看完上述內容，你們對怎么在ASP.Net項目中實現一個頁面刷新后自動滾動到原來的位置有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。