購入する

更新しても崩れない
運用に強いホームページを

Elementor専門の設計で
あとから困らないホームページを構築します。

無料相談はこちら

こんな症状ありませんか?

  • アンカーをクリックすると見出しがヘッダーに隠れる
  • スマホだけ位置がズレる
  • スクロール後の位置がバラバラ
  • JSで対応したら不安定になる
ElementorのLPでアンカー位置を調整するWeb制作イメージ

その原因は、
固定ヘッダーの高さとブラウザのスクロール仕様のズレです。

CSSだけで、アンカー位置を正確に調整

解決策の
ポイント

  • scroll-padding
    + scroll-margin の最適構成
  • PC / タブレット / スマホ別に
    調整可能
  • JS不要
  • テーマ・構造に依存しない
Elementorのスクロール位置オフセット設定イメージ

このテンプレの特徴

固定・Sticky・透明ヘッダー対応

詳しくはこちら ＞

Elementor / テーマ両対応

詳しくはこちら ＞

Android / iOS 動作確認済み

詳しくはこちら ＞

Astra / Cocoon / Hello 検証済み

詳しくはこちら ＞

CSSを貼るだけで有効

丁寧なスクリーンショット付の導入ガイドがあるから、簡単にサイトに反映できます。

詳しくはこちら ＞

テンプレ内容

貼り付けるだけで不具合解消

Elementorのアンカーずれ問題が解決したイメージ
  • CSSファイル
  • コピペ用テキスト版
  • 導入ガイド（PDF）
  • デバイス別調整方法
  • トラブル対処
    （キャッシュ・上書き）

詳しくはこちら ＞

デモで動作を確認

貼り付けるだけで不具合解消

Elementorのスクロール位置オフセット設定イメージ

固定ヘッダー環境でも、
見出しが隠れず正確な位置で
停止します。

動作確認
Astra / Cocoon / Hello

スマホ表示

Elementorのスクロール位置オフセット設定イメージ

iOS / Androidでも、
デバイス別オフセット設定が
反映されます。

動作確認
iOS / Android

セクションが多いLP

Elementorのスクロール位置オフセット設定イメージ

複数アンカーのページでも、
位置ズレなく動作します。

動作確認
Astra / Cocoon / Hello

よくある質問

Elementor以外でも使えますか？　

はい、WordPressテーマでも使用できます。

不要です。CSSのみで動作します。

キャッシュの影響の可能性があります。

最大高さに合わせて数値を設定してください。

変数方式のため影響は最小限です。

アンカーずれを、今すぐ解消

テンプレを購入する