1. innerWidth 属性和innerHeight 属性
innerWidth获取浏览器窗口宽度,注意不带浏览器的边框宽度,但是包括下拉按钮的宽度

innerHeight获取浏览器窗口高度,从浏览器底部到工具栏的距离,注意不包括工具栏的高度

innerWidth和innerHeight属性只读,没有默认值
2. outerWidth属性和outerHeight属性
outerWidth是浏览器窗口包含浏览器边框的宽度

outerHeight是浏览器窗口从浏览器上边框到下边框的高度

outerWidth和outerHeight属性只读,没有默认值
3.pageXOffset和pageYOffset
pageXOffset和pageYOffset返回整个页面水平和垂直方向的滚动距离
pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置
pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置
初始页面:

滑动后页面:将上部分内容滑动消失

点击按钮查看pageYOffset:

4.screenX and screenY
浏览器窗口在显示器中的位置,screenX表示水平位置,screenY表示垂直位置
screenY返回的是浏览器窗口顶部到显示器顶部的距离
screenX返回的是浏览器窗口的左边(从左边框开始)到显示器的右边的距离
相关文章:
-
2021-12-27
-
2021-11-18
-
2021-08-22
-
2021-11-03
-
2021-09-15
-
2021-11-30
-
2021-12-03
猜你喜欢
-
2021-05-14
-
2021-07-20
-
2021-06-05
-
2022-01-12
-
2021-10-01
-
2021-05-17
-
2021-09-23
相关资源
-
下载
2021-06-06
-
下载
2021-06-05
-
下载
2023-02-11