网站首页 » 前端开发 » JavaScript » Element.scrollIntoView() 用法
上一篇:
下一篇:

Element.scrollIntoView() 用法

Element.scrollIntoView() 可以让元素滚动到可窗口可视区域。类似于我们平时用到的锚文本功能。

语法

看这里
element.scrollIntoView();
element.scrollIntoView(alignToTop); // Boolean parameter
element.scrollIntoView(scrollIntoViewOptions); // Object parameter

参数

alignToTop

alignToTop 为可选的布尔值类型

如果 alignToTop 为 true 或者不传,窗口会尽量滚动自身顶部与元素顶部对齐,与 scrollIntoViewOptions: {block: “start”, inline: “nearest”} 作用相同。

如果 alignToTop 为false,则窗口会尽量滚动自身底部与元素底部对齐,与 scrollIntoViewOptions: {block: “end”, inline: “nearest”}作用相同。

scrollIntoViewOptions

scrollIntoViewOptions 为可选,它是一个对象,包含如下属性:

  • behavior:可取值有”auto”, “instant”, or “smooth”,默认为:”auto”
  • block:可取值有 “start”, “center”, “end”, or “nearest”,默认为”start”
  • inline:可取值有 “start”, “center”, “end”, or “nearest”,默认为”nearest”

DMOE 可以看这里:移动端布局解决方案,这个例子是设置了false 的。其它参数你可以自己都去试试。试了才知道 Element.scrollIntoView() 到底是什么感觉。

  • 微信扫一扫,赏我

  • 支付宝扫一扫,赏我

声明

原创文章,不经本站同意,不得以任何形式转载,如有不便,请多多包涵!

本文永久链接:http://yunkus.com/element-scrollintoview/

发表评论

电子邮件地址不会被公开。 必填项已用*标注

评论 END