行列固定テーブルのCSS

position: sticky;

position: sticky;とは、ヘッダやナビゲーション、サイドバーなど指定した要素をスクロールした際にぴたっと指定した位置に貼り付ける（スティッキー）便利なプロパティです。CSSのpotion: sticky;は多くのブラウザにサポートされるようになりました。https://coliss.com/articles/build-websites/operation/css/css-position-sticky-how-it-really-works.html

サンプル作ってみた

.fixed01,
.fixed02,
.fixed03{
     position: sticky;
     top: 50;
     left: 170;
}
.fixed01{
     z-index: 2;
     color: #fff;
     background: #747474;
}
.fixed02{
     z-index: 1;
     color: #fff;
     background: #747474;
}

mmtの検索画面にも追加した

• john-smith-7701/mmt
  • 行列固定テーブルのCSS
  • 行列固定テーブルの実装