El método de fijar el extremo frontal de los js de encabezado y css tabla implementado en combinación

Desde mi página no ha publicado el código completo es más compleja, y hablar acerca de las ideas aquí

Para configurar css

/ * * Ocultar barras de desplazamiento * / 
:: - WebKit-ScrollBar { 
    anchura : 8px ; 
    background-color : transparente ; 
} 
tbody Tabla { 
    la pantalla : Bloque ; 
    anchura : Calc (8px + 100%) ; / * 8px en el presente documento es un balanceo anchura de la banda * / 
    / * altura: 600px; * / 
    altura : Auto ; 
    desbordamiento-Y : Scroll ; 
    -webkit-desbordamiento de desplazamiento : Touch ; 
} 
thead Tabla{ 
    Transformar : translateY (0px) ; 
    fondo : #fff ; 
    z-index : 999 ; 
} 
Tabla de la culata en T tr, tabla tbody tr { 
    cuadro de dimensionamiento : frontera-box ; 
    table-layout : fijo ; 
    visualizar : mesa ; 
    anchura : 100% ; 
    border-bottom : ninguno ; 
}

 

parte JS:

// fija Cabecera 
    $ (document) .scroll ( función () {
         var scroH = $ (document) .scrollTop (); // altura de desplazamiento 
        SI (scroH> 170.) { // desde la altura superior (de acuerdo con sus condiciones reales be): es el lugar necesidad fijo de desplazamiento a qué distancia del fijo 
            var H = scroH - 170. 
            $ ( "culata en T") CSS ( "Transform", 'translateY, (' + H + 'PX.)' ) 
        } else { 
            $ ( "la culata en T") CSS ( "Transform", 'translateY, (0)'. ) 
        } 
    });

 

html estructura en bruto es:

<table> 
    <thead> 
　　    <tr> </ tr> 
　　</ thead> 
　　<tbody> 
　　　　<tr> </ tr> 
　　</ tbody> 
</ table>