height: 元素内容高度
padding: 元素内边距
border: 元素边框

clientHeight：height + padding-top + padding-bottom

clientTop：border-top 的高度
offsetHeight：height + padding-top + padding-bottom + border-top + border-bottom

scrollTop：元素内部已滚动的距离
scrollHeight：height + padding-top + padding-bottom + 最大scrollTop值

offsetTop：从元素自身border-top到距离元素最近的具有定位属性的祖宗元素的border-top元素的距离

使用Safari浏览器打开网页后下方会有工具栏，需要把页面向下滑动一段距离才可以隐藏掉。
只有HTML高度大于视口高度（Viewport Height）才行，在100%高度的元素里模拟滚动不会隐藏工具栏。