Как грамотно сверстать такой интерфейс (во Vue.js)?

Question

[Happy-Child]

Надо сверстать такой интерфейс:


Слева аккордеоны с категориями товаров. Они открываются то тех пор, пока не дойдём до товаров. Как только доходим до товаров справа открываются цены.
Основная проблема для меня заключается в скроле. При изменении скрола тянуться филиалы и правый блок с ценами.

Верстается во Vue, можно использовать его библ.

Для slide эффекта открытия использую эту штуку https://www.npmjs.com/package/vue-slide-toggle

P.S. Не хочу делать костыли во vue по типу давать отрицат. left на событие прокрутки скрола.

Comments

[WapSter]

Не используй событие scroll, есть более удобная штука https://developer.mozilla.org/ru/docs/Web/API/Inte... правда ie не поддерживает

[Happy-Child]

WapSter, сколько нового я упускаю. Спасибо, попробую это заюзать и отписаться как будет результат

[Aetae]

Блин, а я вот нихрена не понял, что значит "тянуться филиалы и правый блок с ценами". =\

Answer 1

[Vlagilen]

Использовать quasar? Там есть уже практически все необходимое.