滚动条事件window.onscroll

 

获取页面某一元素的绝对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')
        }
      }