JS---offset系列和scroll系列

元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置)

 

offset系列:

offsetLeft:距离左边位置的值

offsetTop:距离上面位置的值

offsetWidth:元素的宽(有边框)

offsetHeight:元素的高(有边框)

 

scroll系列: 滚轴---滚出去

scrollWidth: 元素中内容的实际的宽(没有边框), 如果没有内容就是元素的宽

scrollHeight: 元素中内容的实际的高(没有边框), 如果没有内容就是元素的高

scrollTop: 实时获取向上卷的距离的值

scrollLeft: 实时获取向左卷的距离的值

 

  <script>
    //div的滚动事件
    my$("dv").onscroll = function () {
      console.log(this.scrollTop);
    };
  </script>