絶対要素を水平方向にスクロールする方法を教えてください。

Question

質問が正しく聞こえない場合は申し訳ありませんが、問題をより明確に説明する方法はわかりませんでした。

私は開発中のWebサイトを持っています：http://baronettes.tapagecommunication.com メニューから項目をスクロールまたは選択すると、ウィンドウはスクロールしますが、メニューは同じ絶対位置にとどまります。ロゴの小さな「くぼみ」は、各セクションの左側の円と中央を合わせる必要があります。 私はウィンドウの幅を知らないので、すべてのセクションでうまく動作しますが、最後のセクションではうまく動作しません。ウィンドウを水平にリサイズすると、私が何を話しているのかが分かります。

私はこの問題の解決策を見つけようとしていますが、今は0アイデアです。

私はスライドにlocalScrollプラグインを使用しています。

誰もがアイデアの最初のいくつかの種類を持っているのであれば、私に知らせてください:)

感謝を！

Answer 1

「位置：固定」と「位置：相対」の2つの円を設定できます。すべての固定円をその位置がスクロールされるまで非表示にしてから、相対的なものを動的に非表示にして固定されたものを再表示して、「スナップ」するようにします。

スーパーワイドのコンテナdivの外側にゼロ高さのブロックレベル要素を作成し、javascriptを使用して幅を調べて画面の幅を見積もり（サイズ変更時に更新する）ことができます。 （例えば、マージン、パディングなど、手動ですべてを手動で設定しない限り、数字はブラウザによって若干異なります）

Answer 2

右端に適切なサイズの「偽」セクションを追加しますが、このセクションのリンクは提供しません。

これは意味がありますか？