Как реализовать подобную прокрутку?

Question

[Pavlo Marchenko]

Всем привет!
вот что нужно сделать.
сейчас реализовано вот так

Собственно нужно сохранить прокрутку, но добавить возможность делать автоматическую высоту активного блока с раскрытым контентом внутри, пробовал вертикальный слайдер ковырять, не вышло. Вопрос, есть ли какой-то плагин или может Вы видели как подобное было реализовано? Буду очень рад примерам!

Answer 1

[Дмитрий Пыркин]

вам надо чтоб блок с продукцией заезжал за меню?

Comments

[Pavlo Marchenko]

это один из моментов. нужно чтобы был скролл пунктов колесиком мышки и кликом на пункт, если пункт активный открывается его контент

[Дмитрий Пыркин]

.menu-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

[Дмитрий Пыркин]

Это для того чтобы текст за меню уходило.
Второе чтобы при клике на меню открывалось подменю, вам надо каждому из пунктов задать свой айди а блоку с подменю атрибут такой же как айди пункта. И через jquery по клику обращаться к ним.

[Pavlo Marchenko]

Дмитрий Пыркин, спасибо, я знаю как сделать то, что Вы написали, это не сложно)) Вопрос стоит в том, чтобы работал скролл с открытием пунктов

[Pavlo Marchenko]

Дмитрий Пыркин, должно получится что-то вроде этого . Но на примере не выделяется пункт меню и высота не автоматическая

[Дмитрий Пыркин]

ну насчет высоты, можно ставить любую. Ну если насчет клика вам все понятно, то для прокрутки мышью надо использовать плагин https://github.com/jquery/jquery-mousewheel и с помощью него при прокрутке определять next и prev элемент и так далее