コンテンツがはみ出すときの対処法（overflow徹底解説） まず、「なぜコンテンツがはみ出すのか？」 原因は主に以下のような要素が考えられます。 hiddenに似てるがスクロール不可。scroll非対応の装置向け また、overflow-x, overflow-y で水平方向・垂直方向を ...

とある要素について、以下の実装が必要となった。 X軸方向：「エリア外はみ出し禁止」「はみ出した場合は横スクロール」 Y軸方向：「エリア外はみ出し許容」 直感的に考えて、Y軸はデフォルトのままでいいとして、overflow-xにscrollを指定すればいいと思っ ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。今回のテーマは 「スクロール」 に関するモダンな機能群です。 ブラウザ上でスクロールに絡む機能を実装しようとすると、考慮すべき点や制約は多くなります。 たとえば ...

固定ヘッダがあるページで、ページ内リンクをクリックすると、リンク先のコンテンツがヘッダに隠れてしまうことがある。また、スクロールスナップ（スクロール時に特定の位置で自動的に止まる機能）を使う際も、停止位置のずれという問題が発生する。