コミットページの場所--scrollIntoViewの使い方


ページの位置付けの問題を提出してずっと私に迷惑をかけて、例えば私达はDataGridの外で付加してDataGridを一定の区域内で呈现させて、このようにもしスクロールバーを最后まで引き延ばす时修正(あるいは修正した后に更新をクリックして、キャンセル)ページを再ロードする时すべてスクロールバーをページの一番上の部分まで引き延ばして、特に私は以下の知识を共有します:
object.scrollIntoView( [bAlignToTop])
Parameters
bAlignToTop
Optional. Boolean that specifies one of the following values:
true
Default. Scrolls the object so that top of the object is visible at the top of the window.
false
Scrolls the object so that the bottom of the object is visible at the bottom of the window.
Return Value
No return value.
Remarks
The scrollIntoView method is useful for immediately showing the user the result of some action without requiring the user to manually scroll through the document to find the result.
Depending on the size of the given object and the current window, this method might not be able to put the item at the very top or very bottom, but will position the object as close to the requested position as possible.
Example
This example uses the scrollIntoView method to underline the content of the document's fifth paragraph and scroll it into view at the top of the window.
HideExample
   var coll = document.all.tags("P");if (coll.length >= 5){coll(4).style.textDecoration = "underline";coll(4).scrollIntoView(true);}
Standards Information
There is no public standard that applies to this method.
Applies To
INPUT type=ra...
Platform Version
Win16:
4.0
Win32:
4.0
Windows CE:
4.0
Unix:
4.0
Mac:
4.0
Version data is listed when the mouse hovers over a link, or the link has focus.
A , ADDRESS , APPLET , AREA , B , BIG , BLOCKQUOTE , BR , BUTTON , CAPTION , CENTER , CITE , CODE , COL , COLGROUP , COMMENT , controlRange , CUSTOM , DD , DFN , DIR , DIV , DL , DT , EM , EMBED , FIELDSET , FONT , FORM , hn , HR , I , IFRAME , IMG , INPUT type=button , INPUT type=checkbox , INPUT type=file , INPUT type=image , INPUT type=password , INPUT type=radio , INPUT type=reset , INPUT type=submit , INPUT type=text , KBD , LABEL , LEGEND , LI , LISTING , MAP , MARQUEE , MENU , NOBR , OBJECT , OL , P , PLAINTEXT , PRE , S , SAMP , SELECT , SMALL , SPAN , STRIKE , STRONG , SUB , SUP , TABLE , TBODY , TD , TEXTAREA , TextRange , TFOOT , TH , THEAD , TR , TT , U , UL , VAR , WBR , XMP
Move the mouse pointer over an element in the Applies To list to display availability information for the listed platforms.
二、はい.Netでの応用
1、位置決め指定コントロール
///
//位置決めtxtCodeコントロール
  ///

  private void Scroll()
  {
   string s="function window.onload(){document.all('"+this.txtCode.ClientID+"').scrollIntoView();}";
   Page.RegisterStartupScript("",s);
  }
2、位置決め指定データGrid列
 
<
div 
style
="BORDER:0px;PADDING:0px;MARGIN:0px;OVERFLOW:scroll;WIDTH:600px;HEIGHT:200px"
 align
="center"
>
簡単な方法が示されています(他のアンカーポイントを利用する方法などは複雑です)
private
 
void
 Scroll(
int
 index)        
{            string s="function window.onload(){document.all('"+this.DataGrid1.ClientID+"').rows["+index+"].scrollIntoView();}";            Page.RegisterStartupScript("",s);        }
DataGrid 1を自分のDataGridのIDに置き換える方法を書きました.この方法で渡されるパラメータは行番号、つまりe.Itemです.ItemIndex.
たとえば、編集操作時にthisと書きます.DataGrid1.EditItemIndex=e.Item.ItemIndex;
この文の前にScroll(e.Item.ItemIndex)を追加します.それでいい
同様に更新操作時にScroll(e.Item.Item Index)と書く.this.DataGrid1.EditItemIndex=-1;バインド;
 
 
M i n t i n a n S c r o l l PositionOnPostbackの属性を利用して1つのとても長いページを考慮して、もし毎回POSTBAKの後で、そのIEのスクロールバーはいずれも最初の場所(一番上)に戻ることができて、そのもとのすでにある位置を保留しないで、このようにユーザーは比較的に面倒で、またスクロールバーをもとの場所に移動して、asp.Net 2.0では、<%@Page Language="VB"AutoEventWireup="false"MaintainScrollPositionOnPostback="true"CodeFile="MaintainScrollPosition.aspx.vb"Inherits="MaintScrollPosition"%>