元素的宽与高
来源:互联网 发布:tensorflow feed java 编辑:程序博客网 时间:2024/06/03 21:31
今天想到了window和document的区别,window是指可视窗口,而document是指文档,在没有滚动条的情况下,获取window和document的高度应该是一样的
$(window).height() === $(document).height()
但是有滚动条的话,doucment的高度应该大于window的高度,并且这个差值一般情况下应该等于滚动条拉到最底部的scrollTop值,即
$(window).height()+$(document).scrollTop() === $(document).height()
在这里说明一下在jquery中,获取宽和高的几种方法:
width() //不包括 padding,border,marginheight() //不包括 padding,border,margininnerWidth() //不包括 border,margininnerHeight() //不包括 border,marginouterWidth() //不包括 marginouterHeight() //不包括 marginouterWidth(true) // 包括全部outerHeight(true) // 包括全部
这里要特别注意下盒子的模型,一般的默认的box-sizing是content-box,这种情况下,设置的padding或者border是在本身content的基础下往外面加的,也就不会改变元素的宽度大小,但是如果设为border-box的话,由于padding和border会占用原先的content,会导致元素的content变小。
阅读全文
0 0
- 元素的宽与高
- 网页元素宽与高
- 获取元素的高宽
- 居中百分比宽高的元素
- absolute 元素的百分比宽高
- 获取页面隐藏元素的高宽
- js怎么获取元素的宽高
- js动态设置元素的宽高
- js如何获取元素的宽高
- 非块级元素的宽高设置
- 9元素宽高的获取
- 元素宽高
- 让子元素的宽高随着父元素的宽高缩放
- js获取元素相对于父元素的位移,获取元素本身的宽高
- img的宽高无法根据父a元素变化-----内联元素化为块级元素
- 获取元素的宽和高
- CSS中内联元素变成块状元素的方法,即使内联元素宽高可定义。附带所有元素属性分类。
- 不定高宽的块级元素居中的方法
- face_recogniton解决办法
- HDU 2159 FATE 二维费用背包
- java练习
- transform以及transition
- HTTP状态码
- 元素的宽与高
- RxJava 2 (二) 基本原理
- MySQL导入导出表结构和数据
- LAPB:链路访问过程平衡
- git和npm设置socks5代理
- href 和 src 的区别
- 【读后感】Netty 系列之 Netty 高性能之道
- 代码整洁_边界
- B