株式会社アプリコットデザイン株式会社アプリコットデザイン

tel.0120-622-835

営業時間/10:00〜18:00 定休日/土日祝日

tel.0120-622835

営業時間/10:00〜18:00 定休日/土日祝日

  • instagram
  • facebook

BLOGスタッフブログ

トップページ > ブログ > IEのサポートが終了してからのCSS事情その2

IEのサポートが終了してからのCSS事情その2

UPDATE : 2022.08.30

CATEGORY :
Hirabayashi
Hirabayashi

Hirabayashi

こんにちは、かずです。

前回ご紹介したCSSはこちら

IEのサポート終了してからのCSS事情



最近<table>の列や行を固定する必要があるコーディングをしたのですが
ついIE対応にJavaScript使わないとなーとか思って及び腰に・・・
と思っていたらもうIEサポート終わってるじゃん!とcssで対応




position: sticky




前述のJavaScriptを使わなきゃだったり、そもそも2カラム等のサイドバーとかに使うものだと思っていたこともあり存在をあまり意識していなかったのですが、テーブルの行・列固定に使えるんですね!




ヘッダー ヘッダー ヘッダー
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
ヘッダー2 ヘッダー2 ヘッダー2
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
ヘッダー2 ヘッダー2 ヘッダー2
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト
テキスト テキスト テキスト



調べながらやっているうちに、こんな風にちょっとオシャレな動きも出来ることが判明しました!(遅い)

今回は忘れかけていたCSSの一例でしたが、まだまだありそうな気がする・・・
のでまた使う機会があれば備忘録かねて色々書いていこうと思います!

それでは。

この記事を書いた人Who wrote this blog

Hirabayashi Kazuaki

猫をこよなく愛するコーダー

RELATED POST関連する記事

CONTACTお問い合わせ

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

  • 信州ファームデザイン
  • 信州ファームマーケット
  • 株式会社POCKET
  • 株式会社Think for Design