没有合适的资源?快使用搜索试试~ 我知道了~
一 前言 在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况,但是这些属性和方法众多,全部熟练地记下来并非是一件易事,大多只能现查,耗费不少时间精力,于是便有了整理记录的想法,即加深了印象,又方便随时查阅。 二 window 对象 浏览器里面,window 对象(注意,w为小写)指当前的浏览器窗口。 它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属。一个变量如果未声明,那么默认就是顶层对象的属性。 摘自《阮一峰 JavaScript 教程》 位置大小属性 window.screenX , window.screenY 只读属性 返回浏览器窗口左上角相对于
资源推荐
资源详情
资源评论
详解详解JavaScript中的坐标和距离中的坐标和距离
一一 前言前言
在前端开发中总会遇到各种各样需要使用或计算坐标和距离的情况,但是这些属性和方法众多,全部熟练地记下来并非是一件
易事,大多只能现查,耗费不少时间精力,于是便有了整理记录的想法,即加深了印象,又方便随时查阅。
二二 window 对象对象
浏览器里面,window 对象(注意,w为小写)指当前的浏览器窗口。
它也是当前页面的顶层对象,即最高一层的对象,所有其他对象都是它的下属。一个变量如果未声明,那么默认就
是顶层对象的属性。
摘自《阮一峰 JavaScript 教程》
位置大小属性位置大小属性
window.screenX , window.screenY
只读属性
返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离(单位像素)。
window.innerHeight , window.innerWidth
只读属性
返回网页在当前窗口中可见区域的高度和宽度,即「视口」(viewport)的大小(单位像素)。
注意,这两个属性包括滚动条的高度和宽度。
window.outerHeight , window.outerWidth
只读属性
返回浏览器窗口的高度和宽度,包括浏览器菜单和边框(单位像素)。
window.scrollX , window.scrollY
只读属性
别名: window.pageXOffset , window.pageYOffset
分别返回页面的水平滚动距离和垂直滚动距离,单位都是像素。
注意,这两个属性的返回值不是整数,而是双精度浮点数。如果页面没有滚动,它们的值就是0。
摘自《阮一峰 JavaScript 教程》
为了跨浏览器兼容性,请使用 window.pageXOffset 代替 window.scrollX。另外,旧版本的 IE(<9)两个属性都不
支持,必须通过其他的非标准属性来解决此问题。
摘自 MDN :https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollX
window 对象的方法对象的方法
window.scrollTo() , window.scroll() , window.scrollBy()
window.scrollTo 方法 —> 别名: window.scroll 方法
用于将文档滚动到指定位置。
它接受两个参数,表示滚动后位于窗口左上角的页面坐标。
也可以接受一个配置对象作为参数。
window.scrollTo(options)
配置对象 options 有三个属性。
top:滚动后页面左上角的垂直坐标,即 y 坐标。
left:滚动后页面左上角的水平坐标,即 x 坐标。
behavior:字符串,表示滚动的方式,有三个可能值(smooth、instant、auto),默认值为 auto。
资源评论
weixin_38640794
- 粉丝: 4
- 资源: 942
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 软考冲刺的基本内容和操作
- Centos8.x通过RPM包升级OpenSSH9.8(openssl-3.0) 升级有风险,前务必做好快照,以免升级后出现异常影响业务
- Centos8.x通过RPM包升级OpenSSH9.7(openssl-3.0) 升级有风险,前务必做好快照,以免升级后出现异常影响业务
- 数据库基本内容讲解和操作
- Centos8.x通过RPM包升级OpenSSH9.9.(openssl-3.4.0) 升级有风险,前务必做好快照,以免升级后出现异常影响业务
- FortFirewall-3.14.7-windows10-x86-64 防火墙
- javaweb基本操作
- Centos7.x升级openssl-1.1.1w rpm安装包 升级有风险,前务必做好快照,以免升级后出现异常影响业务
- yolo的基本操作用法
- Ubuntu20/22/24通过deb包升级OpenSSH9.9方法 不支持16、18版本,升级有风险,前务必做好快照,以免升级后出现异常影响业务
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功