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>