CSS「repeating-linear-gradient」を使用して斜線や格子を実装
背景等で斜線や格子柄を実装する際に、以前は画像を作成して処理していたのですが、CSSのみ…
小金井にあるWEB制作会社の備忘録
MEMORANDUMスマートフォンで「overflow-x」が効かない時の対処法
- 公開日：2024-06-22
- 最終更新日：2024-10-24
スライドアニメーションの使用等で画面全体をマスクしたい時に、「overflow-x」を使用するのですが、スマートフォンではうまく行かなったので対処方法をメモ。
HTML
<body>
<main class="overflow ">
…
</main>
</body>CSS
.overflow {
overflow-x: hidden;
}スマートフォンではパソコンと異なり「body」タグには「overflow-x」が適応できません。
そのため直下に別のタグ（例はmainタグ）を作成して、そちらにクラスを設定しています。