scrollIntoView Method

最新推荐文章于 2020-03-21 00:43:29 发布

FuDesign2008

最新推荐文章于 2020-03-21 00:43:29 发布

阅读量899

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： constructor input object scroll standards button

本文链接：https://blog.youkuaiyun.com/FuDesign2008/article/details/5987688

javascript 专栏收录该内容

125 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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