lennyrivas
@lennyrivas
Амёба фронт-энда

Как при клике по ссылке изменить данные в блоках?

В общем верстаю по макету и согласно ТЗ на данной странице слева блок должен быть закреплен, а справа пролистываться.
Макет страницы

5ff443ad7050b888623646.jpeg
5ff443bc477a1245924984.jpeg
5ff443c7e9122207831921.jpeg

На данный момент удалось лишь зафиксировать левый блок и добиться горизонтального постраничного скролла с помощью fullpage.js. Но ума не приложу как можно выстроить зависимости между ссылками, чтобы при выборе пункта в правом блоке, в левом зафиксированном менялись данные и соответственно наоборот.
Учитывая специфику работы плагина fullpage.js, правый блок имеет ширину равную (ширина окна * кол-во слайдов) и при клике по ссылке-якорю в списке блок просто смещается влево.

Пытался на каждом слайде справа после контента добавлять невидимый блок с текстом для левого блока и при переключении на него копировать текст через .clone(), но получается лишь с первой страницой. При скролле данные не отслеживаются и не заменяются. Возможно через hashchange можно отслеживать изменения адреса на какой-то конкретный и уже от этого менять данные? Тогда как быть в случае когда слайд не меняется и нужно при клике в левом блоке открыть спойлер в правом?

И как можно вытащить порядковый номер раздела в списке чтобы подставить его в блоке слева? При выборе любого из разделов в правом блоке в левом под заголовком "Услуги" должен отображаться номер.

Может есть у кого какие идеи как подобное реализовать попроще и без костылей? Заранее спасибо.
  • Вопрос задан
  • 33 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Intspirit Краснодар
от 80 000 до 150 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
28 янв. 2021, в 04:36
5000 руб./в час
28 янв. 2021, в 03:43
2000 руб./за проект
28 янв. 2021, в 02:42
120000 руб./в час