Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .sticky {
- position: fixed;
- top: 0;
- align:center;
- width: 100%;
- background-color:#fff;
- }
- <div ID="zmyHeader" class="sticky" >
- ...
- <div id="headerResultTblFixedDiv">
- <table id="headerResultTblFixed" >
- <thead>
- <tr>
- <th>Col1Head</th>
- <th>Col2Head</th>
- </tr>
- </thead>
- </table>
- </div>
- </div>
- <div id="divResults" style="padding:0px;width:100%"> <!---div resultados-->
- <table id="resultsTable" width="967" border="0" align="center" cellpadding="2" cellspacing="0" bgcolor="white" >
- </tr>
- <td></td>
- </tr>
- </table>
- </div>
- //IE 9 compatible
- var header = document.getElementById("zmyHeader");
- var divResults = document.getElementById("divResults");
- var h = header.getBoundingClientRect().bottom - header.getBoundingClientRect().top;
- var divheadertbl = document.getElementById("headerResultTblFixedDiv");
- if (divheadertbl) {
- var hdivheadertbl =divheadertbl.getBoundingClientRect().bottom - divheadertbl.getBoundingClientRect().top;
- divResults.style.paddingTop=(h-hdivheadertbl-5)+"px";
- }
- window.onscroll = function() {myFunction()};
- function myFunction() {
- var Y = document.body.scrollLeft ;
- var j = Y;
- var supportPageOffset = window.pageXOffset !== undefined;
- var isCSS1Compat = ((document.compatMode || "") === "CSS1Compat");
- var x = supportPageOffset ? window.pageXOffset : isCSS1Compat ? document.documentElement.scrollLeft : document.body.scrollLeft;
- document.getElementById("zmyHeader").style.marginLeft=-x+"px";
- }
Add Comment
Please, Sign In to add comment