В общем верстаю по макету и согласно ТЗ на данной странице слева блок должен быть закреплен, а справа пролистываться.
На данный момент удалось лишь зафиксировать левый блок и добиться горизонтального постраничного скролла с помощью fullpage.js. Но ума не приложу как можно выстроить зависимости между ссылками, чтобы при выборе пункта в правом блоке, в левом зафиксированном менялись данные и соответственно наоборот.
Учитывая специфику работы плагина fullpage.js, правый блок имеет ширину равную (ширина окна * кол-во слайдов) и при клике по ссылке-якорю в списке блок просто смещается влево.
Пытался на каждом слайде справа после контента добавлять невидимый блок с текстом для левого блока и при переключении на него копировать текст через .clone(), но получается лишь с первой страницой. При скролле данные не отслеживаются и не заменяются. Возможно через hashchange можно отслеживать изменения адреса на какой-то конкретный и уже от этого менять данные? Тогда как быть в случае когда слайд не меняется и нужно при клике в левом блоке открыть спойлер в правом?
И как можно вытащить порядковый номер раздела в списке чтобы подставить его в блоке слева? При выборе любого из разделов в правом блоке в левом под заголовком "Услуги" должен отображаться номер.
Может есть у кого какие идеи как подобное реализовать попроще и без костылей? Заранее спасибо.