scrollIntoView Method

滚动到视图方法详解

最新推荐文章于 2025-02-17 18:42:42 发布

原创最新推荐文章于 2025-02-17 18:42:42 发布 · 909 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#constructor #input #object #scroll #standards #button

javascript 专栏收录该内容

125 篇文章

订阅专栏

本文介绍了如何使用scrollIntoView方法使指定元素滚动至浏览器窗口顶部或底部，并附带示例代码。此方法有助于改善用户体验，确保用户无需手动滚动即可看到操作结果。

Causes the object to scroll into view, aligning it either at the top or bottom of the window.

Syntax

Copy

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.
Copy
   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

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 ,ControlRangeCollection Constructor , Element Constructor , TextRange Constructor