美文网首页
区分js中各种宽高及位置

区分js中各种宽高及位置

作者: 阿金的故事 | 来源:发表于2018-04-18 14:32 被阅读0次
1. clientWidth、scrollWidth、offsetWidth

  1. 浏览器的视口(不包括工具栏和滚动条)
    Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
window.innerWidth、window.innerHeight

Internet Explorer 8、7、6、5:

document.documentElement.clientWidth、document.documentElement.clientHeight
或者document.body.clientWidth、document.body.clientHeight
  1. 屏幕宽度
screen.availWidth、screen.availHeight

4. event.clientX、event.clientY

事件相对于文档的坐标

5. event.offsetX、event.offsetY

事件相对于父容器的坐标

6.offsetLeft、offsetTop

相对于父元素的位置

6. scollLeft、scrollTop

可以设置滚动条距离初始点的位置,控制滚动条的滚动。

收藏网址
https://www.cnblogs.com/jiangxiaobo/p/6593584.html

相关文章

网友评论

      本文标题:区分js中各种宽高及位置

      本文链接:https://www.haomeiwen.com/subject/svqvkftx.html