背景固定のページスクロールの違いで一言！！

左側のサイトは、Twenty Seventeenで作成されたランディングページ仕様のサイトです。縦に長い１カラムのLPで、ページの途中途中に挿入されている画像は、背景固定化された仕様となっています。

この背景固定化された画像表現は、このTwenty Seventeen独自の特徴になっています。従って、この特徴を他のデザインテーマでも、同じ動きを再現できるかと言うと差にあらず、難しい問題となります。

今回、筆者は何とかTwenty Seventeenと同じ動きを再現できないものかと思考錯誤した結果、Elementorのセクション単位の背景固定化機能を実装することで、同じ動きを再現できました。

使用したデザインテーマはAstridというテーマです。上記の右側のサイトです。