このパターンではテーマ「Lightning ( G3 / theme.json )」「X-T9」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

このパターンではプラグイン「VK Blocks Pro (有料)」と、独自にカスタマイズしたCSSを使用しています。

設定のコツ
  • ヘッダー上部のボタンは、スクロール時に「お問合せ」「資料請求」が右寄せになり追従するよう、カスタムCSSでカスタマイズしています。電話番号は非表示になります。このボタンはスマホサイズでも表示されますが、必要ない場合は該当のグループブロックを「非表示設定」から画面サイズにより非表示にしてください。
  • animation-timeline:scroll() プロパティブラウザの互換性がないものがあります。ご注意ください。
ナビゲーションについて
ブロックテンプレートパーツ機能について
関連するパターン

簡単シンプルタグいらず

すぐにサイト状況を表示する
便利なプラグイン