Existe uma maneira css3 de corrigir um <cabeçalho> no eixo y, deixe-o rolar no eixo

Isto foi solicitado um zilhão de vezes:Aqu, h, eo outro lugar apenas no SO. No entanto, não há uma resposta muito boa que eu possa encontrar.

<recap> Muitas vezes, tenho tabelas que são verticalmente muito mais profundas que a janela de exibição. Gostaria de poder rolar o @ da tabe<tbody> enquanto o seu<thead> permanece fixo e visível. Algumas dessas tabelas também são muito mais amplas que a viewport. Aqui eu quero o @ da tabe<thead> para rolar horizontalment

Para obter o efeito, tenho dezenas de linhas de JS, incluindosetInterval( ) chamadas para verificarscrollLeft escrollTop, para que eu possa reposicionar umcópia d do<thead>1. Funciona, mas é uma dor enorme, desagradável, frágil e insustentável. </recap>

Questão Existe alguma maneira simples de css3, existente ou emergente ou proposta, que eu possa usar para obter @ uma tabe<thead> e<tbody> para rolar horizontal e verticalmente, mas independentemente um do outro? Obrigado

1 Por quêsetInterval( )? Como o IE não entrega uniformementeonScroll eventos, seu bobo;todo mund Sabe disso