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 >