提交頁面的定位--scrollIntoView的用法

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:45:36

提交頁面的定位--scrollIntoView的用法

提交頁面的定位--scrollIntoView的用法:提交頁面定位問題一直騷擾我，比如我們在DataGrid外面加了來使DataGrid在一定區(qū)域內(nèi)呈現(xiàn)，這樣如果把滾動(dòng)條拉到底部的時(shí)候點(diǎn)擊修改（或者修改后點(diǎn)擊更新，取消）頁面重新加載的時(shí)候都會(huì)把滾動(dòng)條拉到頁面最上面部分，特此我將下面知識(shí)共享一下: objec

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀提交頁面的定位--scrollIntoView的用法:提交頁面定位問題一直騷擾我，比如我們在DataGrid外面加了來使DataGrid在一定區(qū)域內(nèi)呈現(xiàn)，這樣如果把滾動(dòng)條拉到底部的時(shí)候點(diǎn)擊修改（或者修改后點(diǎn)擊更新，取消）頁面重新加載的時(shí)候都會(huì)把滾動(dòng)條拉到頁面最上面部分，特此我將下面知識(shí)共享一下: objec

提交頁面定位問題一直騷擾我，比如我們在DataGrid外面加了來使DataGrid在一定區(qū)域內(nèi)呈現(xiàn)，這樣如果把滾動(dòng)條拉到底部的時(shí)候點(diǎn)擊修改（或者修改后點(diǎn)擊更新，取消）頁面重新加載的時(shí)候都會(huì)把滾動(dòng)條拉到頁面最上面部分，特此我將下面知識(shí)共享一下:

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中的應(yīng)用
1、定位指定控件
/// <summary>
  /// 定位txtCode控件
  /// </summary>
  private void Scroll()
  {
   string s="<script>function window.onload(){document.all('"+this.txtCode.ClientID+"').scrollIntoView();}</script>";
   Page.RegisterStartupScript("",s);
  }

2、定位指定DataGrid列
<div style="BORDER:0px;PADDING:0px;MARGIN:0px;OVERFLOW:scroll;WIDTH:600px;HEIGHT:200px" align="center">
現(xiàn)在給出一種簡單的辦法（其他的一些利用錨點(diǎn)等辦法都比較復(fù)雜）
private void Scroll(int index)
        {
            string s="<script>function window.onload(){document.all('"+this.DataGrid1.ClientID+"').rows["+index+"].scrollIntoView();}</script>";
            Page.RegisterStartupScript("",s);
        }
寫了一個(gè)方法，其中DataGrid1換成自己的DataGrid的ID，這個(gè)方法傳遞進(jìn)去的參數(shù)就是行號(hào)，也就是e.Item.ItemIndex。
比如在編輯操作的時(shí)候會(huì)寫this.DataGrid1.EditItemIndex=e.Item.ItemIndex;
在此語句的以前加入Scroll(e.Item.ItemIndex);就可以了
同樣在更新操作的時(shí)候?qū)憺镾croll(e.Item.ItemIndex);this.DataGrid1.EditItemIndex=-1;綁定;