ASP.Net刷新頁面后自動(dòng)滾動(dòng)到原來位置方法匯總_.Net教程

2024-07-10 12:53:05

字體：大中小

供稿：網(wǎng)友

推薦：支持ASP.NET MVC、WebFroM的表單驗(yàn)證框架ValidationSuar使用介紹
這篇文章主要介紹了支持ASP.NET MVC、WebFroM的表單驗(yàn)證框架ValidationSuar使用介紹,本文詳細(xì)講解了使用步驟,并給出一個(gè)完整Demo下載,需要的朋友可以參考下 1、支持javascript端和后端的雙重驗(yàn)證 (前端目前依賴于jquery.validate.js，也可以自已擴(kuò)展) 2、代碼簡潔 3、

本文給大家匯總了3種ASP.Net實(shí)現(xiàn)的刷新頁面后自動(dòng)滾動(dòng)到原來位置方法，十分的簡單實(shí)用，有需要的小伙伴可以參考下。

在網(wǎng)上搜索之后總結(jié)了三種方式：

1.設(shè)置Page中的MaintainScrollPositionOnPostback屬性為true

　　A>.頁面里有MaintainScrollPositionOnPostback，默認(rèn)是false，設(shè)為true即可(頁面級(jí))

代碼如下:
<%@ 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則所有的頁面均會(huì)受影響，若只修改某個(gè)目錄下的web.config文件則只影響這個(gè)目錄中的頁面

　　　具體辦法:

　　在<system.web>節(jié)點(diǎn)下配置：

代碼如下:
<pages maintainScrollPositionOnPostBack="true"></pages>

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

代碼如下:
Page.MaintainScrollPositionOnPostBack = true;

或這樣寫

代碼如下:
this.MaintainScrollPositionOnPostBack = true;

2.可以使用Jquery，通過獲取某個(gè)元素當(dāng)前位置的高度，具體實(shí)現(xiàn)如下

代碼如下:
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è)置

代碼如下:
<a href="#postion" id="clickLink"></a>

注：a標(biāo)簽里不要有內(nèi)容，在回傳的地方調(diào)用

代碼如下:
Page.ClientScript.RegisterStartupScript(this.GetType(), "scroll", "document.getElementById('clickLink').click();", true);

這種方法其實(shí)就是觸發(fā)某個(gè)元素的事件

以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。

分享：簡單好用的ASP.NET分頁類（支持AJAX、自定義文字）
這篇文章主要介紹了簡單好用的ASP.NET分頁類(支持AJAX、自定義文字),本文直接給出實(shí)現(xiàn)代碼和使用方法,需要的朋友可以參考下在做網(wǎng)站沒用 JS UI控件時(shí) 很實(shí)用用法： ? 效果：代碼： ?

上一篇：支持ASP.NET MVC、WebFroM的表單驗(yàn)證框架ValidationSuar使用介紹_.Net教程

下一篇：asp.net實(shí)現(xiàn)文件無刷新上傳方法匯總_.Net教程