详细信息 您现在的位置是:首页 > jQuery

获取页面元素的绝对X,Y坐标

来源: 发布时间:2021-07-09 1126 人已围观

摘要做div导航的时候,遇到显示问题需要用的div坐标。

做div导航的时候,遇到显示问题需要用的div坐标。来判断二级下拉的位置

//获取页面元素的绝对X,Y坐标

var  X = $( '#ElementID' ).offset().top;//元素在当前视窗距离顶部的位置
var  Y = $( '#ElementID' ).offset().left;
获取相对(父元素)位置:
var  X = $( '#ElementID' ).position().top;
var  Y = $( '#ElementID' ).position().left;
//显示器屏幕高度、宽度值
$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin



站点信息

  • 电话:15226178738
  • QQ:1697915848
  • 邮箱:1697915848@qq.com