2025年4月5日 星期六 乙巳(蛇)年 正月初六 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > JavaScript

jQuery 获得页面元素的绝对/相对位置

时间:12-14来源:作者:点击数:3
城东书院 www.cdsy.xyz

获取页面某一元素的绝对X、Y坐标,可以用 offset() 方法

  • var X = $('#DivID').offset().top;
  • var Y = $('#DivID').offset().left;

获取相对父元素位置

  • var X = $('#DivID').position().top;
  • var Y = $('#DivID').position().left;

让 Div 随滚动条移动

  • #oLayer{
  • position: absolute;
  • left: 0;
  • top:80px;
  • z-index: 2;
  • background: a9c9ef;
  • margin-left:6px;
  • width: 140px;
  • height: 70px
  • }
  • <div id="oLayer"></div>
  • $(window).scroll(function() {
  • var init_pos = $('#oLayer').offset().top;
  • $('#oLayer').css("top", $(window).scrollTop()+80)
  • });
城东书院 www.cdsy.xyz
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门
本栏推荐