Instantly share code, notes, and snippets.

Embed
What would you like to do?
double-sticky-scroll [no JS]
<!doctype html>
<html>
<script>$=document.querySelectorAll.bind(document);</script>
<style>
body {
font-size:2em;
margin:0;height: 100vh;
display: grid;
grid-template-columns: 1fr 5fr;
grid-template-areas: "header header" "aside main" "footer footer";}
body>header{grid-area: header;background:#FB2}
body>footer{grid-area: footer;background:#59b}
body>aside {grid-area: aside; background:#000;color:#DDD;}
body>main {grid-area: main; position: relative;overflow: scroll;}
table {border-spacing: 0;background: #DDD;}
tr:nth-child(even){background: rgba(255,255,255,.1);}
tr:nth-child(odd ){background: rgba( 0, 0, 0,.1);}
td{padding:0 .3em}
tr:nth-child(1) td,.sticky{ position:sticky; z-index:99; box-shadow: .1em 0 1em black; color:white; background:#222;}
tr:nth-child(1) td{top: 0;text-align:center}
.sticky{left:0;border-right:2px solid #000}
.flexy{position: absolute;top:0;}
</style>
<body>
<header>Zone useless avec juste un logo \o/</header>
<aside>espace avec generalement 2 pauvres liens/menus a la con </aside><main>
<!-- j'ai pas pu luter, il faut bien 2 <tables>
pour faire un double scroll sans JS -->
<table class="sticky">
<tr><td>&nbsp;</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>woups<br>very long name</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>1</td></tr>
<tr><td>2</td></tr>
</table>
<table class="flexy">
<tr><td>X</td><td>X</td><td>X</td><td>X</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>oh<br>fuck it's on<br>multiple line</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
<tr><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td><td>titi</td></tr>
<tr><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td><td>toto</td></tr>
</table>
</main>
<footer>Un copyright inutile avec un php_date() degueulasse.</footer>
<script>
var f=[].slice.call($('.flexy tr'));
[].slice.call($('.sticky tr')).forEach((tr,i)=>f[i].style.height=tr.style.height = Math.max(f[i].offsetHeight,tr.offsetHeight)+'px');
$('.flexy')[0].style.marginLeft=+$('.sticky')[0].offsetWidth+'px';
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment