Happiness is in everyday life. シアワセは”いつも”の中にある。
Instagram
アプリコットマガジン > 記事投稿 > IEのサポートが終了してからのCSS事情その2

CATEGORY :

POSTED | 2022.08.30

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

WWEBのこと

WRITER : Hirabayashi Kazuaki

IEのサポートが終了してからのCSS事情その2
プロフィールを見る
IEのサポートが終了してからのCSS事情その2

こんにちは、かずです。

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

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

最近<table>の列や行を固定する必要があるコーディングをしたのですが
ついIE対応にJavaScript使わないとなーとか思って及び腰に・・・

と思っていたらもうIEサポート終わってるじゃん！とcssで対応

position: sticky

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

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

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

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

それでは。

この記事をシェアする

一覧を見る

こちらの記事もおすすめ

BASE OF DAYS

アプリコットデザインは、長野と東京を拠点に採用や集客の仕組みをデザインし、
「人が集まる会社」をつくるための支援を行っているデザイン会社です。
また自社プロジェクトとしてカフェやサロンの運営なども行っています。