JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

在ajax中经常需要对元素的位置进行精确的定位，此时不仅需要获取元素自身的大小位置等属性。还需要知道页面、浏览器、滚动条等的长度和宽度。因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。

获取浏览器和页面文档的宽度和高度

1 //获取浏览器显示区域的高度
2 $(window).height();
3 //获取浏览器显示区域的宽度
4 $(window).width();
5
6 //获取页面的文档高度
7 $(document.body).height();
8 //获取页面的文档宽度
9 $(document.body).width();

获取滚动条的位置

1 //获取滚动条到顶部的垂直高度
2 $(document).scrollTop();
3 //获取滚动条到左边的垂直宽度
4 $(document).scrollLeft();

计算位置和偏移量

offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含top和left两个属性。

offset(options, results)

options.relativeTo　　指定相对计算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。

options.scroll　　是否把滚动条计算在内，默认TRUE

options.padding　　是否把padding计算在内，默认false

options.margin　　是否把margin计算在内，默认true

options.border　　是否把边框计算在内，默认true

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合相关推荐

JS-DOM-节点-获取元素-文档结构-元素的属性
JS-DOM-节点-获取元素-文档结构-元素的属性 1 回顾 1.1 内置构造函数 Function Function 的实例的属性和方法:lengthcall()applay()bind() 1.2 ...
jquery获取元素在文档中的位置信息以及滚动条位置（转）
jquery获取元素在文档中的位置信息以及滚动条位置 http://blog.csdn.net/qq_34095777/article/details/78750886 原文链接原创 201 ...
day-16 jquery的DOM文档操作及bootstrap
1. jquery的DOM文档操作 <!DOCTYPE html> <html lang="en"> <head> <meta chars ...
java 获取office文件页数_jacob如何获取word文档的页码
ActiveXComponent app = new ActiveXComponent("Word.Application"); //启动word String inFile = ...
jquery.cookie 使用文档，$.cookie() 文档教程， js 操作 cookie 教程文档。
jquery.cookie 使用文档,$.cookie() 文档教程, js 操作 cookie 教程文档. jquery.cookie中的操作: jquery.cookie.js是一个基于jquer ...
Word控件Spire.Doc 【文本】教程(12) ；新方法在 C# 中获取 Word 文档中内容控件的别名、标签和 ID
内容控件为您提供了一种设计文档的方法.当您向文档添加内容控件时,该控件由边框.标题和临时文本标识,这些文本可以向用户提供说明,并且可以防止用户编辑或删除文档的受保护部分. 将文档或模板的部分内容绑定到 ...
jquery获取元素宽高
前言 jquery获取元素宽高 <!DOCTYPE html> <html lang="zh" > <head><meta charset ...
python xpath提取转码_python-xpath获取html文档的部分内容
有些时候我在们需要的用正则提取出html中某一个部分的文字内容,如图: 获取dd部分的html文档,我们要通过它的一个属性去确定他的位置才可以拿到他这个部分我们可以看到他的这个属性class='row ...
使用FTP获取RFC文档
连接FTP服务器主机: ftp FTP.RFC-EDITOR.ORG 21(21是FTP中控制连接的端口号) 输入用户名:anonymous 输入密码:name@host.domain RFC文档是放 ...

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合

JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合相关推荐

最新文章

热门文章