iframe 與 Page指示詞 之 MaintainScrollPositionOnPostback屬性

https://dotblogs.com.tw/mis2000lab/2016/07/06/iframe_maintainscrollpositiononpostback_webform

 

Q : 父網頁「內嵌」另一個子網頁,使用iframe來做。

      @Page指示詞的 MaintainScrollPositionOnPostback屬性,是否還管用?

 

論壇上看見的問題,自己做了一個小實驗。答案是OK的

 

 用說的太抽象了,我錄製 YouTube教學影片,把執行解果為您演示一遍  

https://youtu.be/jsYSIbqJC_E

    

 

範例如下:

 

父網頁(.aspx)的內容

<%@ Page Language="C#" ......省略...... %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        網頁內嵌     &lt;iframe&gt;<br />
        <br />
        <br />
        <br />
&nbsp;<iframe src="WebForm_iframe_01.aspx"></iframe>
    </div>
    </form>
</body>
</html>

============================================================================

" iframe 內嵌" 子網頁(.aspx)的內容。    檔名 : WebForm_iframe_01.aspx

      您可以把 Page指示詞的「MaintainScrollPositionOnPostback="true" 」取消(紅字,全刪除)  看看運作結果會怎樣?

      藉此瞭解這個屬性,用&不用,產生哪些差異?

 

<%@ Page Language="C#" MaintainScrollPositionOnPostback="true" ......省略...... %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
         這是一個測試網頁,搭配 WebForm_iframe_Postback.aspx<br />
        測試 PostBack以後,能否維持在同一個地方(MaintainScrollPositionOnPostback屬性 = true)
        <hr />
        <br />
         <br />
         <br />
         <br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         ==<br />
         <br />
         <br />
         <br />
         <br />
         <br />
         <br /> (故意把畫面拉長一點,做實驗)
         <asp:Button ID="Button1" runat="server" Text="Button" />
         <br />
    </div>
    </form>
</body>
</html>

 

 

 

 

 
 

我將思想傳授他人, 他人之所得,亦無損於我之所有;

猶如一人以我的燭火點燭,光亮與他同在,我卻不因此身處黑暗。----Thomas Jefferson

......... 寫信給我,mis2000lab (at) yahoo.com.台灣 .....................................................................................

................   facebook社團   https://www.facebook.com/mis2000lab   ............................

................   Google+   https://plus.google.com/100202398389206570368/posts ..............

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!微軟MVP --MIS2000Lab.主講

事先錄製好的影片,並非上課時側錄!   觀看影片時,有如我「一對一」跟您面對面講課

 

, , , , ,
創作者介紹

MIS2000 Lab -- ASP.NET專題實務 / 線上教學文件

MIS2000 Lab 發表在 痞客邦 PIXNET 留言(0) 人氣()