scroll系列

Posted 2020-12-20 minnersun

scroll系列

获取元素内容的宽高

  /*
  * 元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置)
  * offset系列:
  * offsetLeft:距离左边位置的值
  * offsetTop:距离上面位置的值
  * offsetWidth:元素的宽(有边框)
  * offsetHeight:元素的高(有边框)
  *
  * scroll系列:卷曲---滚出去
  *
  * scrollWidth:元素中内容的实际的宽(没有边框),如果没有内容就是元素的宽
  * scrollHeight:元素中内容的实际的高(没有边框),如果没有内容就是元素的高
  *
  * */
?
?
my$("btn").onclick=function () {
  // 元素中内容的实际的宽(没有边框)
  // >> 如果没有内容就是元素的宽
  console.log(my$("dv").scrollWidth);//元素中内容的实际的宽
  // 元素中内容的实际的高(没有边框)
  // >> 如果没有内容就是元素的高
  console.log(my$("dv").scrollHeight);//元素中内容的实际的高
  console.log(my$("dv").scrollTop);//向上卷曲出去的距离/  console.log(my$("dv").scrollLeft);//向左卷曲出去的距离
};
?
  //时时的获取向上卷曲出去的距离的值
?
  //div的滚动事件
  my$("dv").onscroll=function () {
    console.log(this.scrollTop);
  };