/*
* 元素的样式属性是无法直接通过:对象.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);
};
原文:https://www.cnblogs.com/minnersun/p/13854357.html