首页 > 其他分享 >识别视窗高度的工具函数

识别视窗高度的工具函数

时间:2022-11-28 01:11:57浏览次数:54  
标签:body 识别 函数 documentElement 视窗 clientHeight export scrollTop document

 

获取滚动条当前的位置

export const getScrollTop = () => {
   var scrollTop = 0;
   if (document.documentElement && document.documentElement.scrollTop) {
       scrollTop = document.documentElement.scrollTop;
  } else if (document.body) {
       scrollTop = document.body.scrollTop;
  }
   return scrollTop;
}

 

获取当前可视范围的高度

export const getClientHeight = () => {
  var clientHeight = 0;
  if (document.body.clientHeight && document.documentElement.clientHeight) {
      clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
  } else {
      clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
  }
  return clientHeight;
}

 

获取文档完整的高度

export const getScrollHeight = () => {
   return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}
 

标签:body,识别,函数,documentElement,视窗,clientHeight,export,scrollTop,document
From: https://www.cnblogs.com/Dollom/p/16931200.html

相关文章