фиксированный фиксированный элемент

1.css

< Стиль типа = "текст / CSS" > 
.elementFixed { 
    позиция : фиксированная ; 
    сверху : 0 ; 
} 
</ Стиль >

2.Body

< Тело > 
  < входной тип = "скрытый" ID = " scroll_return " значение = "" >  
</ тело >

3.script

< Script тип = «текст / JavaScript» > 
/ * * 
 * крепежный элемент, когда элемент прокручивается в верхней части браузера, фиксированная фиксация 
 * firstDiv: первый элемент 
 * secondDiv: второй элемент 
 * firstDiv + secondDiv: потому , что фиксированный будет вытекать из документа, ширина firstDiv secondDiv для того , чтобы избежать деформации 
 * / 
функцию fixedDiv (firstDiv, secondDiv) {
     // расстояние от верхней части браузера таргетинга элементы 
    вар fixedH = $ ( « #firstId » ) .offset () .top;
     // добавить окно полосы прокрутки события 
    $ (окно) .scroll ( функция () {
         // полоса прокрутки расстояние скольжения 
        вар scrollH = $ ( это) .ScrollTop ();
         // полоса прокрутки скольжения расстояние больше , чем расстояние от верхней части браузера ориентации элементов, является фиксированной, в то время как не фиксированной 
        ПЧ (The scrollH > fixedH) {
             // Возвращает ли 
            переменная scroll_return = document.getElementById ( " scroll_return " ) .Value;
             // есть возвращаемое значение 
            IF ( " scroll_return " == scroll_return) {
                 возвращение  к истине ; 
            } 
            // console.log (" фиксированное расстояние прокрутки: "THE scrollH +); 
            $ ( " #tableTbodyId " ). HTML (firstDiv + secondDiv);
            $ ( " #TableTheadId " ) .addClass ( "elementFixed " );
             // возвращает назначение, не продолжать добавлять следующий 
            document.getElementById ( " scroll_return " ) .value =  " scroll_return " ; 
        } еще {
             // console.log ( " не является фиксированной, прокатку расстояние: "+ scroH); 
            $ ( " #tableTbodyId " ) .html (secondDiv); 
            $ ( " #tableTheadId " ) .removeClass ( " elementFixed " );
            //Пустой качению назначение 
            document.getElementById ( " scroll_return " ) .value =  "" ; 
        } 
    }) 
} 
// Очистить события прокрутки 
$ (окно) .unbind ( ' SCROLL ' );
 </ Script >

 

рекомендация

отwww.cnblogs.com/mjtabu/p/11592594.html