自己写的一个固定表头JS函数

//用于固定表头
//固定表头使用方法：
/* 1.添加固定表头容器控件divHeader

 *    top:expression(this.offsetParent.scrollTop-82) 数字82是该表头到页面顶部的距离，目前该数值须根据具体情况手动加入
 * 2.定义原显示表头如：

 *    要在该表头标签内添加 注释表头，在程序运行时会用到
 * 3.做好以上两步以后，只需要在body onscroll事件中加入showFixedHeader事件即可即：
 */
function showFixedHeader(){
 var ctrlFixedHeader=$("divHeader");//固定表头的容器控件
 var displayedHeader=$("tbyHeader");//原表头控件,即目前默认显示的表头

 //如果页面中没有定义固定表头的容器控件，并且也未定义显示表头的控件，则无法固定表头
 if(typeof(ctrlFixedHeader)!="object"||ctrlFixedHeader==null) return;
 if(typeof(displayedHeader)!="object"||displayedHeader==null) return;

 var headerHTML=displayedHeader.innerHTML;

 var topLocations=displayedHeader.offsetParent.offsetTop;
 var headerHeight=displayedHeader.offsetHeight;

 if(ctrlFixedHeader.offsetParent.scrollTop>(topLocations+headerHeight)){
  ctrlFixedHeader.style.display="block";
 }else{
  ctrlFixedHeader.style.display="none";
 }
 
 headerHTML='

'+headerHTML+'';

 ctrlFixedHeader.innerHTML=headerHTML;
 ctrlFixedHeader.style.top=divHeader.offsetParent.scrollTop-SCROLL_HEIGHT;
}