HTML/CSSのみで追従するスプリットスクリーンレイアウト実装 - Qiita

スプリットスクリーンレイアウト 画面全体をバチコーンと分割したレイアウトをスプリットスクリーンレイアウトといい、オシャレなサイトでよく使われている印象です。 スプリットレイアウトと言われているときもあり正式名称は謎です。 実装 今回は画面を二分割した上で、片方のコンテンツがスクロールしている間、もう片方はページ上部にくっついているものを実装してみました。 SP幅（とりま749px以下）では１カラムにし、PC表示ではタイトルとテキストエリアを交互にしています。 See the Pen Untitled by MAKI I (@IKEMAKI) on CodePen. （１カラム表示になる場合は、0.5xにするかCODEPEN上でご覧くださいm(_ _)m） 文章が入ることでHTMLが見づらいかもしれませんが、 <h2>ページのタイトル</h2> <ul> <li><h3>タイトル</h3><