Как прокрутить по горизонтали абсолютный элемент туда, где я хочу?

Question

Прошу прощения, если вопрос звучит не так, я понятия не имел, как описать мою проблему яснее.

У меня есть сайт (в разработке): http://baronettes.tapagecommunication.com Как вы можете видеть, при прокрутке или выборе элемента в меню окно прокручивается, но меню остается в том же абсолютном положении. Маленькая «вмятина» в логотипе должна быть сосредоточена с кругом слева от каждой секции. Он хорошо работает для всех разделов, но не для последнего, так как я не знаю ширины окна. Если вы измените размер окна по горизонтали, вы увидите, о чем я говорю.

Я пытаюсь найти решение этой проблемы, но имею идею 0 прямо сейчас.

Возможно, стоит отметить, что я использую плагин localScroll для перемещения.

Так что, если кто-нибудь имеет какое-то начало идеи, дайте мне знать :)

Спасибо!

Answer 1

У вас может быть 2 набора кругов, «положение: фиксированное» и «положение: относительное». Спрячьте все фиксированные круги до тех пор, пока их положение не будет прокручено до, а затем динамически скрыть относительные и отобразить фиксированные, чтобы они выглядели так, как будто они «привязаны» на месте.

Или вы можете создать элемент уровня элемента с нулевой высотой за пределами вашего суперширокого контейнера div и использовать javascript для определения его ширины для оценки ширины экрана (и обновления при изменении размера). (обратите внимание, что если вы не настроите все вручную, например, поля, отступы и т. д., число будет немного отличаться между браузерами)

Answer 2

Я добавил бы «поддельный» раздел соответствующего размера в крайнем правом углу, но не предоставляю ссылку для этого раздела.

Имеет ли это смысл?