Auto scrollozás táblázat fejléc rögzítéssel
2017-11-14T21:15:29+01:00
2017-11-15T08:57:18+01:00
2022-08-18T19:10:35+02:00
afterbit
Sziasztok!


Nem tudom miért nem működik a kódom. A célja, hogy autómatikusan tekerjen le  végére, majd frissítse a lapot. Miközben teker lefele, közben pedig a táblázat adott fejlécét tartsa fent. Külön-külön működnek, de nem tudom "eggyé" olvasztani őket.

html:

<link href="kinezet/megjelenito/stilus.css" rel="stylesheet"> <script type="text/javascript" src="javascript/jquery-2.2.0.min.js"></script> <script type="text/javascript" src="javascript/megjelenito.js"></script> <script type="text/javascript"> (function($) { $.fn.fixMe = function() { return this.each(function() { var $this = $(this), $t_fixed; function init() { $this.wrap('<div class="container" />'); $t_fixed = $this.clone(); $t_fixed.find("tbody").remove().end().addClass("fixed").insertBefore($this); resizeFixed(); } function resizeFixed() { $t_fixed.find("th").each(function(index) { $(this).css("width",$this.find("th").eq(index).outerWidth()+"px"); }); } function scrollFixed() { var offset = $(this).scrollTop(), tableOffsetTop = $this.offset().top, tableOffsetBottom = tableOffsetTop + $this.height() - $this.find("thead").height(); if(offset < tableOffsetTop || offset > tableOffsetBottom) $t_fixed.hide(); else if(offset >= tableOffsetTop && offset <= tableOffsetBottom && $t_fixed.is(":hidden")) $t_fixed.show(); } $(window).resize(resizeFixed); $(window).scroll(scrollFixed); init(); }); }; })(jQuery); $(document).ready(function(){ $("table").fixMe(); $(".up").click(function() { $('html, body').animate({ scrollTop: 0 }, 2000); }); }); </script> <body onLoad="scrollDiv_init()"> <div id="autogorget" style="overflow:hidden;width:100%;height:100%;"> <table class="blue"> <thead> <tr> <th>Colonne 1</th> <th>Colonne 2</th> <th>Colonne 3</th> </tr> </thead> <tbody> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> </tbody> </table> <h1 class="scrollMore">&darr; SCROLL MORE &darr;</h1> <table class="purple"> <thead> <tr> <th>Colonne 1</th> <th>Colonne 2</th> <th>Colonne 3</th> </tr> </thead> <tbody> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> <tr> <td>Non</td> <td>Mais</td> <td>Allo !</td> </tr> </tbody> </table> </div> </body>
a js fájl:

ScrollRate = 1; setTimeout(function scrollDiv_init() { DivElmnt = document.getElementById('autogorget'); ReachedMaxScroll = false; DivElmnt.scrollTop = 0; PreviousScrollTop = 0; ScrollInterval = setInterval('scrollDiv()', ScrollRate); },200); function scrollDiv() { if (!ReachedMaxScroll) { DivElmnt.scrollTop = PreviousScrollTop; PreviousScrollTop++; ReachedMaxScroll = DivElmnt.scrollTop >= (DivElmnt.scrollHeight - DivElmnt.offsetHeight); } else{ window.setTimeout(function(){location.reload();},10000); } }

Köszönöm előre is a segítségeteket!
Mutasd a teljes hozzászólást!
Ne a div pozícióját állítgasd hanem a window-t "görgesd" (scroll).
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd