移动端的各种距离，宽度，高度

移动端基本没有滚动条的概念，除非刻意造出一个带滚动条的元素

viewpoint是对htm元素负责，它的实际的值是屏幕可视区的宽高，包括border在内的，也就是clientWidth/offsetWdith

offsetWidth和clientWidth指的都是元素包括border在内的宽度

scrollWidth指的是元素不包括border在内的宽度

width始终指的是内容的宽度，不包括padding和border的宽度,而且width是样式，其他的都是属性

 

screenX，pageX，offsetX，clientX

这四个距离不受滚动条的干扰，受到border的干扰

screenX:不太清楚

pageX:整个文档的左上角，包括border

offsetX:整个文档的左上角，但这个不包括border

clientX:可视区的左上角，包括border

 

想获得scrollTop，应该用document.body.scrollTop，在有些的情况下，document.documentElement.scrollTop也可以使用

document.documentElement指代的是html标签

offsetLeft指的是元素A的border外侧距离父元素的border外侧距离，left指的是元素A的border外侧距离父元素bordr内侧的距离

offsetLeft是数字，属性，只读，left是字符串，样式，可读写

转载于:https://www.cnblogs.com/qian-yu-qian-xun/p/5957525.html