スクロールすると位置固定で表示する方法

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
テスラのウェブサイトで、スマホビューの時に
スクロールすると表示位置が固定されるのですが、
何という仕組みか教えていただけないでしょうか。
https://www.tesla.com/

実際にはワードプレスで再現したいと考えております。

Comments

[K_3578]

>スクロールすると表示位置が固定
何がどう固定されているのでしょう

[dd5KH]

スマホビューでトップページをスクロールしたときに、
少しスクロールすると、
次の写真のトップ位置に勝手にスライドする、
のですが分かりますでしょうか。

Answer 1

単純にフルスクリーンスクロールだと思います。

Comments

[dd5KH]

ありがとうございました。

Answer 2

テスラが実際に何を使っているかは調査してませんし、WordPressでの動作をテストしたわけではないのですが、ScrollifyというjQueryプラグイン（WordPressのプラグインではない）を利用することで似たような動きになりそうです。
配布元？のデモサイト

解説記事もそこそこあったので、いくつか紹介しておきます。
セクションごとにスクロールできるjQueryプラグインのScrollify.jsを解説
【jQuery】Scrollifyの使い方【スクロールエフェクトを付ける方法】初心者向き
スクロールをセクションごとに制御するプラグイン「jQuery Scrollify」を詳しく解説！
簡単に画面いっぱいの縦スクロールページが作れるScrollifyの使い方