html 元素 绝对位置坐标

$(".seriesListings-itemContainer").click(function(){$(this).css("border","1px #000 solid");console.log("X:"+$(this).offset().left+"Y:"+$(this).offset().top);});

$(".seriesListings-itemContainer").click(function(){$(this).css("border","1px #000 solid");console.log("X:"+$(this).offset().left+"Y:"+$(this).offset().top);});

 

////////////---------app----start---------////////////////

$(window).resize(function () {

var min=-1000;

var max=-1000;

var hangshu=0;

var one=0;

var one_h=0;

var once=true;

var size_e=0;

$(".seriesListings-itemContainer").click(function(){$(this).css("border","1px #000 solid");console.log("X:"+$(this).offset().left+"Y:"+$(this).offset().top);});

$('.seriesListings-itemContainer').each(function (index,domEle){

size_e++;

var x=$(domEle).offset().left;

var y=$(domEle).offset().top;

if(once){

one=$(domEle).width();

one_h=$(domEle).height();

min=x;

once=false;

}

 

if(max<x){

hangshu++;

max=x;

}

}
);

var cw=$(window);

var cw_w=cw.width();

var cw_h=cw.height();

 var row=parseInt(size_e/hangshu)+(size_e%hangshu>0?1:0);

 

console.log("窗口宽："+cw_w+"窗口高:"+cw_h+"最大列:"+hangshu+"左间距:"+min+"右间距："+(cw_w-max-one)+"行数："+row+"总数:"+size_e);

min=-1;

max=-1;

hangshu=0;

 

//console.log("X:"+$(domEle).offset().left+"Y:"+$(domEle).offset().top);});

});

////////////---------app----end---------////////////////

监控窗口变化，获取对应位置变化及区间。

 

 

 

//监控窗口变化，探测页面更改

 $(window).resize(function () {          //当浏览器大小变化时

    alert($(window).height());          //浏览器时下窗口可视区域高度

    alert($(document).height());        //浏览器时下窗口文档的高度

    alert($(document.body).height());   //浏览器时下窗口文档body的高度

    alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin

　　

//监听元素变化

}); 

 

 

绝对位置坐标：

 

复制代码代码如下:

$("#elem").offset().top
$("#elem").offset().left

 

相对父元素的位置坐标：

 

复制代码代码如下:

$("#elem").position().top
$("#elem").position().left

 

另：
static(默认):默认定位方式。
relative(相对定位):在static的基础上，相对元素本来的位置变化，通过设定top,bottom,left,right实现。
absolute(绝对定位):是相对父元素来说的，如果父元素中有relative，那么该元素的位置是经过计算后的结果。即absolute定位的参照物是“上一个定位过的父元素(static不算)”。绝对定位会使元素从文档流中被删除。
fixed(固定定位):fixed定位的参照物总是当前的文档。利用fixed定位，很容易让一个div定位在浏览器文档的左上，右上等方位