在網(wǎng)上搜索之后總結(jié)了三種方式:
1.設(shè)置Page中的MaintainScrollPositionOnPostback屬性為true
A>.頁(yè)面里有MaintainScrollPositionOnPostback,默認(rèn)是false,設(shè)為true即可(頁(yè)面級(jí))
復(fù)制代碼 代碼如下:
%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" MaintainScrollPositionOnPostback="true" Inherits="Default.Defa
ult" %>
B>.設(shè)置web.config配置文件中的Pages節(jié)點(diǎn)中的MaintainScrollPositionOnPostback屬性為true(網(wǎng)站級(jí)或目錄級(jí))
如果修改網(wǎng)站根目錄下的web.config則所有的頁(yè)面均會(huì)受影響,若只修改某個(gè)目錄下的web.config文件則只影響這個(gè)目錄中的頁(yè)面
具體辦法:
在system.web>節(jié)點(diǎn)下配置:
復(fù)制代碼 代碼如下:
pages maintainScrollPositionOnPostBack="true">/pages>
C>.在頁(yè)面的code頁(yè)面,通過(guò)C#或VB代碼設(shè)置page的MaintainScrollPositionOnPostback屬性為true
復(fù)制代碼 代碼如下:
Page.MaintainScrollPositionOnPostBack = true;
或這樣寫
復(fù)制代碼 代碼如下:
this.MaintainScrollPositionOnPostBack = true;
2.可以使用Jquery,通過(guò)獲取某個(gè)元素當(dāng)前位置的高度,具體實(shí)現(xiàn)如下
復(fù)制代碼 代碼如下:
function setPosition()
{
var top=$("#元素id").offset().top();
$("html,body").animate({scrollTop:top},1000);
}
3.可以使用錨點(diǎn),但這里可使用靈活處理
首先獲取需要滾動(dòng)到的位置的id,如,可以設(shè)置一個(gè)元素(span name="postion" id="postion">/span>,注:要在form里),另外在form的任意位置設(shè)置
復(fù)制代碼 代碼如下:
a href="#postion" id="clickLink">/a>
注:a標(biāo)簽里不要有內(nèi)容,在回傳的地方調(diào)用
復(fù)制代碼 代碼如下:
Page.ClientScript.RegisterStartupScript(this.GetType(), "scroll", "document.getElementById('clickLink').click();", true);
這種方法其實(shí)就是觸發(fā)某個(gè)元素的事件
以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。
您可能感興趣的文章:- asp.net通過(guò)Ajax UpdatePanel回傳后滾動(dòng)條位置變更解決方法
- Asp.net保持頁(yè)面滾動(dòng)條位置(頁(yè)面提交后不變)
- 解決ASP.NET回傳后div滾動(dòng)條位置復(fù)位的問(wèn)題(利用隱藏控件原理)