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

JS/jQuery宽高的理解和应用

haorooms Web前端工程师
难度初级
时长 2小时30分
学习人数
综合评分9.70
51人评价 查看评价
10.0 内容实用
9.6 简洁易懂
9.5 逻辑清晰
offset()相对于body的 定位 position是相对于距离最近的具有绝对定位absolute 或者相对定位relative的父级元素的定位 如果没有那就是body 和offset() 返回的Left top值一样
老师讲得不错 z
页面滚动的话 页面可视区域的高度 clientHeight = window.innerHeight||document.documentElement.client||document.body.client
页面上卷的高度 scrollTop = document.body.scrollTop
页面底部到页面顶部的距离为 document.body.scrollHeight


某个div中同理
亲自测试了一下 在谷歌和火狐之中 当offsetParent为body的时候
当前元素的offsetLeft = offsetParent的margin-left+父元素的padding-left+当前元素的margin-left 和offsetParent的border-width没有关系
不谙水性满分正解
chorme 下的 innerWidth 和 outerWidth 不一样
FireFox下也不一样
讲的不好 敲的太少

已采纳回答 / 慕丝0026560
不知道是不是浏览器解析不一样,这个把滚动条的宽高减去了。
课讲得不好,内容很乱,听完了很晕
到底有几个老师 讲这门课啊,感觉好多老师的声音啊
这老师说话搞笑了

最新回答 / 目标诺森德丶
我这样写的 滚动条是17:function getScrollBar(){ var el= document.createElement('p'), styles={ width:'100px', height:'100px', overflowY:'scroll' },i,scrollBarWidth; el.innerHTML = "12333"; for(i in styles){ el.style[i]=styles[i] } document.body.appendChild(el); v...

已采纳回答 / weibo_暮雪初心_0
因为没有设置border的宽度,所以不需要考虑左右border的宽度
课程须知
本课程是前端初中级课程 适用于对js/jquery各种宽高理解不是很清晰的同学。有一定前端基础的同学学习此课程更佳!
老师告诉你能学到什么?
1、js各种宽高理解 2、js宽高的一些应用 3、jquery各种宽高的理解 4、jquery各种宽高的应用

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消