質問: ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/301e42f71bac40c65c249db3eb85cdd6.png) div要素内の横スクロール量をjsを使ってリアルタイムで取得してその値をcssに反映させることで固定の列をスクロールに合わせて動かしたいです。 cssカスタムプロパティというのを試してみようとしたのですがIEでは対応していませんでした。 CSS カスタムプロパティ (変数) の使用 何か他にいい案を思いつく方がいましたら教えて下さい。 jsのコードのところにコメントで変えたい部分を記述しております。 ご協力お願いします。 ``` 横スクロールで固定列を移動 固定 固定 移動 移動 移動 移動 固定 固定 移動 移動 移動 移動 固定 固定 移動 移動 移動 移動 固定 固定 移動 移動 移動 移動 固定 固定 移動 移動 移動 移動 ``` ``` ``` ``` ```
回答: どうやらIEではcssに変数を使うことができない可能性が高いです。 IE対策が必要なCSSプロパティ > > CSS変数が使えない > > > これも地味に困りますね。 > > 例えば、サイト上でよく使うカラータグなんかを変数として保持するパターンがあるかと思いますが、 > > それがIEでは適用されません。 > > CSS変数について詳しくは以下をご覧ください。 > > https://developer.mozilla.org/ja/docs/Web/CSS/Using_CSS_variables > > これに関しては、IEだけは割り切って変数を使わずに > > CSSの値を指定してあげるしかないかもしれないですね。 > > >