【offset() position() scrollTop() scrollLeft()】的更多相关文章

offset() position() scrollTop() scrollLeft()

(1)offset:获取当前元素相对于文档的高度.只对可见元素有效. 不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移 (2) position:获取元素相对于最近的一个position为relative or absolute的元素的祖父节点的相对偏移. 事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置,如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏…

pageX/Y, offset(), position(), scrollTop(), screenX/Y, clientX/Y, pageX/Y

event.pageX get mouse position Description: The mouse position relative to the left edge of the document. Example <script> $(document).on( "mousemove", function( event ) { console.log( "pageX: " + event.pageX + ", pageY: &qu…

一句话解释jquery中offset、pageX, pageY、position、scrollTop, scrollLeft的区别

offset   元素相对文档的偏移 pageX, pageY 事件(鼠标)相对文档的偏移 注意:文档是指document, 而不是当前窗口,是包含了滚动位置的,即滚动条的位置对这些值是不产生影响的 position  元素相对父元素的偏移 scrollTop, scrollLeft 元素内滚动条的位置,如果元素内没有滚动条,则为0.注意:是元素内部的滚动条.…

jQuery css,position,offset,scrollTop,scrollLeft用法

jQuery css,position,offset,scrollTop,scrollLeft用法: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://&quo…

JS中的offsetWidth/offsetHeight/offsetTop/offsetLeft、clientWidth/clientHeight/clientTop/clientLeft、scrollWidth/scrollHeight/scrollTop/scrollLeft

这是一组非常容易弄混的参数!都是描述某个盒子元素的宽度.高度以及上或左的距离偏移量. 1. offsetWidth / offsetHeight(不包括外边距) offsetWidth:返回元素的宽度(content+padding+border) offsetHeight:返回元素的高度(content+padding+border) 2. offsetTop / offsetLeft(相对于父级的偏移量) 类似于子绝父相定位中的top和left,都是相对于有定位父级的偏移距离. offset…

一文看懂js中元素的滚动大小（scrollWidth,scrollHeight,scrollTop,scrollLeft）

滚动大小(scroll dimension) 滚动大小指的是包含滚动内容元素的大小. 以下是与元素滚动内容大小相关的属性: 1. scrollWidth:在没有滚动条的情况下,元素内容的总宽度. 2. scrollHeight:在没有滚动条的情况下,元素内容的总高度. 3. scrollTop:被隐藏在内容区域左侧的像素数.设置该值可以改变元素的滚动位置. 4. scrollLeft:被隐藏在内容区域上方的像素数.设置该值可以改变元素的滚动位置. 接下来就举例讲解一下各个属性是什么意思,在这里使…

☀【offset() / position()】

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box">box</div> <script src="http://static01.baomihu…

scrollTop,scrollLeft

document.body.scrollTop用法 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth    (包括边线的宽);网页可见区域高: document.body.offsetHeight   (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.s…

jQuery之offset,position

获取/设置标签的位置数据 * offset(): 相对页面左上角的坐标 * position(): 相对于父元素左上角的坐标. 需求: 1. 点击 btn1 打印 div1 相对于页面左上角的位置 打印 div2 相对于页面左上角的位置 打印 div1 相对于父元素左上角的位置 打印 div2 相对于父元素左上角的位置 2. 点击 btn2 设置 div2 相对于页面的左上角的位置 代码实现: //1. 点击 btn1 $("#btn1").click(function(){ // 打…

js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较

1.offsetParent 元素的offsetParent并不是元素的父元素,判断元素的offsetParent要根据以下情况: 1)当DOM结构层次中的元素均没有进行css定位(设置position为absolute或relative),则offsetParent为根目录: 2)当元素的父元素没有进行css定位,则offsetParent取最近的已经定位的元素: 3)当元素的父元素进行了css定位,则offsetParent为父元素: 2.offsetLeft,offsetTop 在IE中:…