jQuery获取各类位置方法

1、获取窗口的宽高浏览器

  一、获取流览器显示区域的高度 : $(window).height();对象

  二、获取流览器显示区域的宽度 : $(window).width();文档

  三、获取文档流的高度 : $(documen).height();搜索

  四、获取文档流宽度 : $(document).width();scroll

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

2、获取某个元素的偏移量top

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

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

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

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

相关文章
相关标签/搜索