想用JS做炫酷的特效，你得先知道这些！！！

最新推荐文章于 2024-08-13 09:00:00 发布

帅帅邬同学

最新推荐文章于 2024-08-13 09:00:00 发布

阅读量1.3k

点赞数 1

分类专栏：学习笔记文章标签： js javascript css css3 前端

本文链接：https://blog.csdn.net/weixin_44586544/article/details/105716765

版权

学习笔记专栏收录该内容

111 篇文章 0 订阅

订阅专栏

特效（必备的一些知识点）

偏移量

offsetParent用于获取定位的父级元素
offsetParent和parentNode的区别

var box = document.getElementById('box');
console.log(box.offsetParent);
console.log(box.offsetLeft);
console.log(box.offsetTop);
console.log(box.offsetWidth);
console.log(box.offsetHeight);

偏移量

客户区大小

var box = document.getElementById('box');
console.log(box.clientLeft);
console.log(box.clientTop);
console.log(box.clientWidth);
console.log(box.clientHeight);

客户区大小

滚动偏移

var box = document.getElementById('box');
console.log(box.scrollLeft)
console.log(box.scrollTop)
console.log(box.scrollWidth)
console.log(box.scrollHeight)