为了账号安全,请及时绑定邮箱和手机立即绑定

JS/jQuery宽高的理解和应用

haorooms Web前端工程师
难度初级
时长 2小时30分
学习人数
综合评分9.70
51人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.5 逻辑清晰
这颜色也是666
outerWidth(true)出错

最新回答 / 晴籽仔
你看一下应该是childrenDiv的CSS里面设定了box-sizing:border-box,这个属性会使border和padding全会在你设置的宽度和高度内部,所以此时的outerHeight()和outerWidth()值是300+margin*2
滚动条——>管动条
发音是硬伤,虽然不是重点
innerWidth 和outerWidth包不包括右侧滚动条啊
这一届水军不行
我的测试是(环境FF\CH\IE9+):
给html和body设置overflow:scroll 都是给window设置overflow:scroll,
也就是说即使你body下有个高度超过body设定的height的div,你的body盒子也不会出现滚动条,这意味着你document.body获得的clientW是不变的(因为不会出现滚动条),
so这节课2:29秒时最后一条公式【假如有padding有滚动,且滚动是显示的,有border】中offsetW=clientW+滚宽度+border宽*2,应该讲滚轴宽度去掉(前提是你要获取的是document.body.offsetWidth)’
取文档内容实际高度
*/
function getScrollHeight()
{
return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
这个将的是这个意思 但是你这个兼容问题就不考虑吗 ?

最赞回答 / demonCry
问题原因:打开浏览器F12 查看body元素可以发现,发生了父子元素间垂直外边距合并问题【父子元素间垂直外边距合并】现象父元素的上(下)margin会和子元素上(下)发生合并,值为两者之间最大...
我这跟着写的一样为什么不对那
我把这种教学风格叫做张鑫旭风格
谢谢老师,辛苦了 ,点一个赞呗
课程须知
本课程是前端初中级课程 适用于对js/jquery各种宽高理解不是很清晰的同学。有一定前端基础的同学学习此课程更佳!
老师告诉你能学到什么?
1、js各种宽高理解 2、js宽高的一些应用 3、jquery各种宽高的理解 4、jquery各种宽高的应用

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消