zoukankan      html  css  js  c++  java
  • JQ之 offset 和 position 的用法与区别

    1. offset:获取元素相对于文档(document)的当前坐标  
    2. 注意  
    3. 使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移。  
    4.   
    5.   
    6.  postion : 获取元素相对父元素的偏移  
    7. 注意:  
    8. 1,使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。  
    9. 2,使用position()方法时如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移。  
    10.   
    11.   
    12. 用法:如  var position=$(this).position() 定义当前元素 而且当前元素css:  position:absolute  
    13.           alert(position.top),alert(position.left) 输出当前元素距离最近的父元素的垂直距离值和水平距离值注意 当前元素的父亲元素的CSS最好为 position:relative 
  • 相关阅读:
    微信小程序 模板语法-列表渲染
    Fast Matrix Calculation HDU
    AT4845 [ABC164E] Two Currencies
    [ABC127E] Cell Distance
    CF18E Flag 2
    CF10C Digital Root
    CF8C Looking for Order
    [ARC075B] Widespread
    旅行商问题
    AcWing 291. 蒙德里安的梦想
  • 原文地址:https://www.cnblogs.com/wangxy/p/5316354.html
Copyright © 2011-2022 走看看