table 表头固定JScss样式 和jquery获取滚动条距离

 

//表头固定 CSS

<style type="text/css">
tr.locktop
{
font: bold ;
FONT-FAMILY: 細明體;
FONT-SIZE: 9pt;
BACKGROUND: #8CAAE7;
text-align:center;
height:18px;
position: relative;
top: expression((this.offsetParent.scrollTop>this.parentElement.parentElement.offsetTop?this.offsetParent.scrollTop-this.parentElement.parentElement.offsetTop-1:0)-1);
}

</style>

 

///定位DIV

var a=0;
function scrollFunc(e) {
var juli =$("#tb1").scrollTop()+50;
var direct = 0;
e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
if (e.wheelDelta > 0 && a>juli) { //当滑轮向上滚动时
a=a-50;
//alert("滑轮向上滚动"+a);
}
if (e.wheelDelta < 0&&a<juli-250 ) { //当滑轮向下滚动时
a=a+50;
//alert("滑轮向下滚动"+a);
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail> 0) { //当滑轮向上滚动时
a=a-50;
//alert("滑轮向上滚动");
}
if (e.detail< 0) { //当滑轮向下滚动时
a=a+50;
// alert("滑轮向下滚动");
}
}

}
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;

$(document).scrollTop();
function showmes(mes,ev){
var juli =$("#tb1").scrollTop()+50;
if (a>juli){
var m=mes;
document.getElementById(m).style.display = "block" ;
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById(m).style.left = (mousePos.x-500)+"px";
document.getElementById(m).style.top = (mousePos.y+juli)+"px";
}
else{
var m=mes;
document.getElementById(m).style.display = "block" ;
ev = ev || window.event;
var mousePos = mousePosition(ev);
document.getElementById(m).style.left = (mousePos.x-500)+"px";
document.getElementById(m).style.top = (mousePos.y+a)+"px";
}

}
function hidemes(mess,ev){

var mm=mess;
document.getElementById(mm).style.display = "none" ;


}

function mousePosition(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}