木森林林常识库

木森林林常识库
专业信息资源分享平台

JavaScript中的DOM专有扩展-滚动

HTML5之前的规范并没有就与页面滚动相关的API做出任何规定。但HTML5在将scrollIntoView()纳入规范之后,仍然还有其他几个专有方法可以在不同的浏览器中使用。下面的几个方法都是对HTMLElement类型的扩展,因此在所有元素中都可以调用。

  • scrollIntoViewIfNeeded(alignCenter):只在当前元素在视口中不可见的情况下,才滚动浏览器窗口或容器元素,最终让它可见。如果当前元素在视口中可见,这个方法什么也不做。如果将可选的alignCenter参数设置为true,则表示尽量将元素显示在视口中部(垂直方向)。Safari和Chrome实现了这个方法。
  • scrollByLines(lineCount):将元素的内容滚动制定的行高,lineCount值可以是正值,也可以是负值。Safari和Chrome实现了这个方法。
  • scrollByPages(pageCount):将元素的内容滚动指定的页面高度。

scrollIntoView()和scrollIntoViewIfNeeded()的作用对象是元素的容器。

而scrollByLines()和scrollByPages()的作用对象则是元素自身。

分享:

评论