最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

jQuery的position()方法详解_jquery

来源:动视网 责编:小采 时间:2020-11-27 21:40:53
文档

jQuery的position()方法详解_jquery

jQuery的position()方法详解_jquery:position()方法的定义和用法: 此方法获取匹配元素相对某些元素的偏移量。 返回的对象包含两个整型属性(top和left)的对象。 此方法只对可见元素有效。 语法结构: $(selector).position() 在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很
推荐度:
导读jQuery的position()方法详解_jquery:position()方法的定义和用法: 此方法获取匹配元素相对某些元素的偏移量。 返回的对象包含两个整型属性(top和left)的对象。 此方法只对可见元素有效。 语法结构: $(selector).position() 在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很


position()方法的定义和用法:

此方法获取匹配元素相对某些元素的偏移量。

返回的对象包含两个整型属性(top和left)的对象。

此方法只对可见元素有效。

语法结构:

在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很多教程都说方法返回的偏移量是相对于父元素,其实并非完全如此,此方法会将匹配元素以绝对定位方式处理,当然并不是说真的将匹配元素设置为绝对定位。方法的偏移量参考原则如下:

1.如果父辈元素中没有采用定位的(position属性值为relative、absolute或者fixed),那么偏移量参考对象为窗口。

2.如果父辈元素中有采用定位的,那么偏移量的参考对象为距离它最近的采用定位的元素,

实例代码:







在以上代码中顶部组合,由于父元素采用的是相对定位,那么获取的偏移量就是相对于父元素的。在底部的组合中,由于父元素没有采用定位,那么偏移量参考对象就是窗口。

以上所述就是本文的全部内容了,希望大家能够喜欢。

文档

jQuery的position()方法详解_jquery

jQuery的position()方法详解_jquery:position()方法的定义和用法: 此方法获取匹配元素相对某些元素的偏移量。 返回的对象包含两个整型属性(top和left)的对象。 此方法只对可见元素有效。 语法结构: $(selector).position() 在教程的开头之所以说是获取匹配元素相对于某些元素的偏移量。很
推荐度:
标签: 方法 方式 jQuery
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top