Wie scrolle ich horizontal ein absolutes Element dorthin, wo ich es möchte?

Question

Es tut mir leid, wenn die Frage nicht richtig klingt, hatte ich keine Ahnung, wie ich mein Problem klarer zu beschreiben.

Ich habe eine Website (in Entwicklung): http://baronettes.tapagecommunication.com Wie Sie sehen können, scrollt oder Auswahl eines Elements im Menü, das Fenster scrollt, aber das Menü bleibt an der gleichen absoluten Position. Die kleine "Delle" im Logo muss mit dem Kreis links von jedem Abschnitt zentriert sein. Es funktioniert gut für alle Abschnitte, aber nicht für den letzten, da ich die Breite des Fensters nicht kenne. Wenn Sie Ihr Fenster horizontal skalieren, werden Sie sehen, wovon ich rede.

Ich versuche, eine Lösung für dieses Problem zu finden, aber habe 0 Idee gerade jetzt.

Es mag erwähnenswert sein, dass ich das LocalScroll-Plugin für das Verschieben verwende.

Also, wenn jemand eine Art von Anfang an eine Idee hat, mich :)

Dank wissen lassen!

Answer 1

Sie könnten zwei Kreise haben, "position: fixed" und "position: relative". Verstecken Sie alle fixierten Kreise, bis ihre Position verschoben wird, und verbergen Sie dann die relativen Kreise und blenden Sie die fixierten Kreise aus, damit sie so aussehen, als würden sie an der richtigen Stelle "einrasten".

Oder Sie können ein Block Level-Element null Höhe außerhalb Ihrer super-weiten Container Div erstellen, und verwenden Sie Javascript, um seine Breite zu finden, um die Breite des Bildschirms zu schätzen (und aktualisieren, wenn die Größe geändert wird). (Beachten Sie, dass wenn Sie alles manuell einstellen, z. B. Ränder, Padding, etc. die Anzahl wird zwischen den Browsern leicht abweichen)

Answer 2

Ich würde einen "falschen" Abschnitt der entsprechenden Größe auf der rechten Seite hinzufügen, aber keinen Link für diesen Abschnitt bereitstellen.

Macht das Sinn?