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

offset系列,scroll系列

时间:2018-12-02 21:13:16      阅读:174      评论:0      收藏:0      [点我收藏+]

标签:height   top   获取   log   元素   margin   fse   UNC   自己   

* 没有脱离文档流
* offsetLeft:父级元素margin+父级元素padding+父级元素border+自己的margin
*
* 脱离文档流
* 主要是自己的left和自己的margin

//获取body
console.log(document.body);//获取的是元素----标签
//获取title
console.log(document.title);//标签中的值
document.title="哈哈哈,你好啊";
//获取html
console.log(document.documentElement);




scrollWidth:元素中内容的实际宽度(不含边框),如果没有内容就说元素的宽
* scrollHeight:元素中内容的实际高度(不含边框),如果没有内容就说元素的宽
* scrollTop:向上卷曲出去的距离
* scrollLft:向左卷曲出去的距离

//div的滚动事件:时时的获取向上卷曲出去的距离值
ver("dv").onscroll=function () {
console.log(this.scrollTop);
};




封装scroll函数
function getscroll() {
return{
left:window.pageXOffset||document.documentElement.scrollLeft||document.body.scrollLeft||0,
top:window.pageYOffset||document.documentElement.scrollTop||document.body.scrollTop||0
};
}

offset系列,scroll系列

标签:height   top   获取   log   元素   margin   fse   UNC   自己   

原文地址:https://www.cnblogs.com/lujieting/p/10055182.html

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