网页的尺寸
原始的js api 来获得和计算网页元素的尺寸,不仅费劲,而且还有浏览器的兼容性问题,目前最好还是用jquery 统一处理。相信react,vuejs 等也有专门的方案。
不过jquery 作为老牌子的dom操作库,非常的经典,用来理解网页的特性也很有必要。
$(window).height() $([window.]document.body).height()//or $('body').height() ps: 同一个设备分辨率固定的情况下。screen.height 固定不变
上面的window 对应的是浏览器的窗口,最大也就跟设备的屏幕一样大。而document.body 则不一样,可以无限的扩展,所以会有滚动条或者分页组件来显示。
$(window).scrollTop(x) 来设置垂直滚动条最上面和页面body上边缘的距离。同时也可以获得这个距离