Skip to content

Latest commit

 

History

History
29 lines (20 loc) · 878 Bytes

getScrollPosition.md

File metadata and controls

29 lines (20 loc) · 878 Bytes
标题 标签
getProtocol(获取当前页面的协议) browser(浏览器)

返回当前页面的滚动位置。

  • 如果已定义,则使用 Window.pageXOffset 和 Window.pageYOffset,否则使用 Element.scrollLeft 和 Element.scrollTop。
  • 省略单个参数 el 以使用全局 Window 对象。
const getScrollPosition = (el = window) => ({
  x: el.pageXOffset !== undefined ? el.pageXOffset : el.scrollLeft,
  y: el.pageYOffset !== undefined ? el.pageYOffset : el.scrollTop
});

调用方式:

getScrollPosition(); // {x: 0, y: 200}

应用场景

结果如下:

<iframe src="codes/javascript/html/getScrollPosition.html"></iframe>