大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

如何使用JS中的空间坐标-创新互联

如何使用JS中的空间坐标?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

为长安等地区用户提供了全套网页设计制作服务,及长安网站建设行业解决方案。主营业务为成都网站设计、成都网站制作、长安网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

基础知识

首先参考画布分为视口(窗口)与文档的含义

网页很多都是多屏,所以文档尺寸一般大于视口尺寸

视口尺寸不包括浏览器工具条、菜单、标签、状态栏等

当打开控制台后,视口尺寸相应变小

文档像 position 定位,视口类似 fixed 定位

文档坐标在页面滚动时不发生改变

视口坐标的操作需要考虑滚动条的位置

如何使用JS中的空间坐标

视口文档

视口坐标需要知道滚动条位置才可以进行计算,有以下几种方式获取滚动位置

方法说明注意
window.innerWidth视口宽度包括滚动条(不常用)
window.innerHeight视口高度包括滚动条(不常用)
document.documentElement.clientWidth视口宽度 
document.documentElement.clientHeight视口高度 

注意,均是以像素为单位,且视口尺寸不包括浏览器工具条、菜单、标签、状态栏等


分享名称:如何使用JS中的空间坐标-创新互联
URL链接:http://dzwzjz.com/article/coipch.html
在线咨询
服务热线
服务热线:028-86922220
TOP