Как сделать возможность скроллить мобильное меню?

Question

[Константин]

На сайте есть мобильное меню, при клике на бургер оно выезжает, я сделал много пунктов меню, в моб версии оно не скроллится, как можно добавить возможность листать его?

Answer 1

[Lynatik001]

что-то типа того (эт если у тебя менюшка это див)

.DivToScroll{   
    background-color: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 4px 0 4px 0;
    color: #3B3C3E;
    font-size: 12px;
    font-weight: bold;
    left: -1px;
    padding: 10px 7px 5px;
}

.DivWithScroll{
    height:120px;
    overflow:scroll;
    overflow-x:hidden;
}

Comments

[Константин]

не помогло(

Answer 2

[Юрий]

Скроллится, просто высота у него 100% от вьюпорта, а должно быть меньше ровно на высоту заголовка.
Поменяйте height: 100% на bottom: 0

.menu_mobile {
    position: fixed;
    display: block;
    width: 60%;
    left: -100%;
    top: 142px;
    z-index: 30;
    background: #f7f7f9;
    transition: left 0.8s;
    overflow: scroll;
    bottom: 0;
}

Comments

[Константин]

не помогло, проделал на локалке, мышкой скроллится, моб тачем нет