获取页面某一元素的绝对X,Y坐标
var X = $('#ElementID').offset().top;
var Y = $('#ElementID').offset().left;
获取相对(父元素)位置:
var X = $('#ElementID').position().top;
var Y = $('#ElementID').position().left;
相对浏览器,将指定div滚到到指定位置,其用法如下
$("html,body").animate({scrollTop: $(obj).offset().top},speed);
例:DIV随滚动条位置高度发生变化
// 答题卡位置随滚动条变化
window.onscroll = function(){
var a = document.documentElement.scrollTop || document.body.scrollTop;//滚动条y轴上的距离
var b = document.documentElement.clientHeight || document.body.clientHeight;//可视区域的高度
var c = document.documentElement.scrollHeight || document.body.scrollHeight;//可视化的高度与溢出的距离(总高度)
var abc = $('.stb-content-test').offset().top;
// 若滚动高度大于
if(abc >= a){
$('.stb-content-answer-div').css('top', aaa - a + 'px')
}
else{
$('.stb-content-answer-div').css('top','0')
}
}