jQuery获取各种位置方法

一、获取窗口的宽高

　　1、获取流览器显示区域的高度 ： $(window).height();

　　2、获取流览器显示区域的宽度 ： $(window).width();

　　3、获取文档流的高度 ： $(documen).height();

　　4、获取文档流宽度 ： $(document).width();

　　说明：$(window).height()获取的是你的页面在浏览器中的视口高度，$(documen).height()获取的是你的页面文档流的高度；当有滚动条时，document获取的高度大于window获取的高度；宽度同理。

二、获取某个元素的偏移量

　　1、offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。该方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。

　　　　（1）、获取某个元素距离浏览器顶部的距离（搜索栏下方）：$('xxx').ofset().top;

　　　　（2）、获取某个元素距离浏览器左侧：$('xxx').ofset().left。

　　2、scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。$('xxx').scrollTop(offset)

转载于:https://www.cnblogs.com/huangtao5921/p/7576743.html