没有合适的资源?快使用搜索试试~ 我知道了~
三剑客:offset、client和scroll还傻傻分不清?
0 下载量 166 浏览量
2021-01-18
15:31:04
上传
评论
收藏 157KB PDF 举报
温馨提示
试读
5页
在学习前端的过程中,我们经常会碰到offset, client与scroll,所以我就把它们称作为‘三剑客’。 01 offset – 偏移量 定义:元素在屏幕上占用的所有的可见的空间。 元素可见的大小由其高度、宽度决定,包括所有内边距,滚动条和边框大小四个属性 offset css的样式: <style> .son { width: 100px; height: 100px; padding: 10px; border: 10px solid #ccc; } .father { width: 140px; height: 140px; paddin
资源推荐
资源详情
资源评论
三剑客:三剑客:offset、、client和和scroll还傻傻分不清?还傻傻分不清?
在学习前端的过程中,我们经常会碰到offset, client与scroll,所以我就把它们称作为‘三剑客’。
01 offset – 偏移量偏移量
定义:元素在屏幕上占用的所有的可见的空间。
元素可见的大小由其高度、宽度决定,包括所有内边距,滚动条和边框大小四个属性
offset
css的样式:
<style>
.son {
width: 100px;
height: 100px;
padding: 10px;
border: 10px solid #ccc;
}
.father {
width: 140px;
height: 140px;
padding: 10px;
border: 10px solid black;
}
.grand {
width: 180px;
height: 180px;
margin: 100px;
padding: 10px;
border: 10px solid orange;
}
</style>
HTML部分:
<div class="grand">
<div class="father">
<div class="son"></div>
</div>
</div>
offsetHeight:
元素正在垂直方向上占用的大小空间,px,元素的高度,水平滚动条的高度 + 上边框高度
资源评论
weixin_38559866
- 粉丝: 1
- 资源: 904
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功