怎么在ASP.Net項(xiàng)目中實(shí)現(xiàn)一個(gè)頁面刷新后自動(dòng)滾動(dòng)到原來的位置-創(chuàng)新互聯(lián)

今天就跟大家聊聊有關(guān)怎么在ASP.Net項(xiàng)目中實(shí)現(xiàn)一個(gè)頁面刷新后自動(dòng)滾動(dòng)到原來的位置,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。

10年積累的網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先做網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有平邑免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

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

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

A>.頁面里有MaintainScrollPositionOnPostback,默認(rèn)是false,設(shè)為true即可(頁面級(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則所有的頁面均會(huì)受影響,若只修改某個(gè)目錄下的web.config文件則只影響這個(gè)目錄中的頁面

 具體辦法:

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

復(fù)制代碼 代碼如下:


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


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

復(fù)制代碼 代碼如下:


Page.MaintainScrollPositionOnPostBack = true;


或這樣寫

復(fù)制代碼 代碼如下:


this.MaintainScrollPositionOnPostBack = true;


2.可以使用Jquery,通過獲取某個(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è)元素的事件

看完上述內(nèi)容,你們對(duì)怎么在ASP.Net項(xiàng)目中實(shí)現(xiàn)一個(gè)頁面刷新后自動(dòng)滾動(dòng)到原來的位置有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝大家的支持。

網(wǎng)頁題目:怎么在ASP.Net項(xiàng)目中實(shí)現(xiàn)一個(gè)頁面刷新后自動(dòng)滾動(dòng)到原來的位置-創(chuàng)新互聯(lián)
本文來源:http://muchs.cn/article20/dgcico.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、微信公眾號(hào)企業(yè)建站、網(wǎng)站設(shè)計(jì)公司、品牌網(wǎng)站建設(shè)、網(wǎng)站維護(hù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司