Scroll Snap スクロール スナップ

スクロール時にセクション(コンテナも含む)を所定の位置にスナップするにはどうすればよいですか?

このページはスクロールスナップを設定したページです。
※Elementor Pro のみの機能です。

機能設定確認

ダッシュボードのElementorの設定の機能タブを選択し、Scroll Snap に緑の有効のチェックがされているか確認します。

ページの編集から投稿設定

エレメンターでページの編集時

  1. 左下のページ編集をクリック
  2. 高度な設定
  3. Scroll Snap オン
  4. Snap Position 上、中央、下のいづれかを選択

このページは、1ページに3つのコンテナを配置し、それぞれのコンテナの縦方向を画面に対して100%に設定しました。

さらに、Snap Position を中央に設定しています。

Scroll Snap スクロール スナップの機能は、本のページのような感覚があります。

コンテンツによっては、他の雑音が消えて、いい感じで表示されると考えます。