码迷,mamicode.com
首页 > 其他好文 > 详细

scroll系列

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

标签:scrollto   class   事件   bsp   设置   asc   就是   offset   block   

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系列

标签:scrollto   class   事件   bsp   设置   asc   就是   offset   block   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!