Firefoxでスティッキーが壊れている57

Question

スティッキーテーブルヘッダーを作成するためにposition stickyを使用しようとしています。

次のjsfiddleはChrome v64でも動作しますが、Firefox v57では動作しません。

https://jsfiddle.net/b5fv94m0/

私はそれがFirefoxで動作させるために欠けているいくつかの追加のCSSはありますか？

CSS

.container { 
    height: 200px; 
    overflow: scroll; 
} 

th { 
    position: sticky; 
    top: 0; 
} 

HTML

<div class="container"> 
<table> 
<thead> 
    <tr> 
    <th>Header</th> 
    </tr> 
</thead> 
<tbody> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
    <tr> 
    <td>Cell</td> 
    </tr> 
</tbody> 
</table> 
</div> 

Answer 1

ほとんどがサポートされていない使用しているすべてのブラウザには対応していませんこのposition: sticky属性は前述のとおりですxperimental API。その代わりにそれを作るためにposition: fixed;を使用してくださいsticky。

ブラウザの互換性の確認here。粘着性の実験的なAPIで、生産に使用すべきではありません。

Answer 2

位置：スティッキー

このCSSはとても良く、ブラウザのposition: fixed