可视区域的高度和宽度

  1. console.log(document.documentElement.clientWidth)
  2. console.log(document.documentElement.clientHeight)

availWidth

availWidth 属性声明了显示浏览器的屏幕的可用宽度,以像素计。在 Windows 这样的操作系统中,这个可用高度不包括分配给半永久特性(如屏幕底部的任务栏)的垂直空间。

  1. console.log(screen.availWidth)

scrollHeight,scrollWidth 获取滚动区域的宽高

  1. console.log(document.documentElement.scrollHeight)
  2. console.log(document.documentElement.scrollWidth)
  3. scrollTop 滚动条距离顶部的高度