Skip to content

@utilslib/web/getViewportInfo


获取视口信息(动态)

视口大小会随窗口调整而变化

getViewportInfo

函数签名

typescript
function getViewportInfo()

描述

获取视口信息(动态) 视口大小会随窗口调整而变化

返回值

{ width: number; height: number; scrollX: number; scrollY: number; }

点击查看源码
js
/**
 * 获取视口信息(动态)
 * 视口大小会随窗口调整而变化
 */
export function getViewportInfo() {
  return {
    width: window.innerWidth,
    height: window.innerHeight,
    scrollX: window.scrollX || window.pageXOffset,
    scrollY: window.scrollY || window.pageYOffset,
  };
}
ts
/**
 * 获取视口信息(动态)
 * 视口大小会随窗口调整而变化
 */
export function getViewportInfo() {
  return {
    width: window.innerWidth,
    height: window.innerHeight,
    scrollX: window.scrollX || window.pageXOffset,
    scrollY: window.scrollY || window.pageYOffset,
  };
}

如有错误,请提交issue :::