【CSS】divを同じ位置に表示させてスライドのように切り替える

研究
Andree Brennan at Pexels
この記事は約1分で読めます。

この記事は1年前の記事です。当時の情報、理解に基づいておりますのでご留意ください

はじめに

拙稿ですが、safari、およびiOS Safariではこれがうまく動いてくれないのです。

【CSS】一枚のHTMLで擬似的に画面遷移させてみるSPAの基礎の基礎
話が前後しますが拙稿の続き。SPAらしく動かしてみます実装しようと思ったきっかけは、チャットウィンドウのdivをoverflow-x: scroll;にしてしまったの...

ブラウザ依存を忘れてました

仕方ないので、display:none;を組み合わせてスライドを重ねる式に変更しました。
CodePenで試しiOS Safariで検証取れたのはこちら。

See the Pen show and hide divs by Maya (@mayarin) on CodePen.

コメント

タイトルとURLをコピーしました