首页 > 其他 > 详细

scroll系列

时间:2020-10-21 22:24:52      阅读:42      评论:0      收藏:0      [点我收藏+]

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);
  };

  

 

 

 

scroll系列

原文:https://www.cnblogs.com/minnersun/p/13854357.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!