Vertical Scrolling

[banderson5144]

Will the menu scroll if there are a lot of items?

[negomi]

Not by default, but you can achieve that behaviour with:

.bm-item-list {
  overflow-y: scroll;
}

[banderson5144]

Great. So i did do that and it works. However, the body underneath it still scrolls. Any way to prevent that?

[negomi]

I'm not quite sure what you mean. The page body, or something underneath the .bm-item-list element?

[banderson5144]

The main body. Everything behind the overlay still scrolls

[negomi]

Ah right. I can't seem to reproduce that - which animation are you using, and how is your page structured (e.g. do you have any wrapper elements before/after the menu)?

[negomi]

Closing as no response for a while. Feel free to let me know if this is still an issue :)

[devnull-cmd]

Unable to scroll the elements , I am using react-select as burgerMenu Items. When I add too many elements in select window, some bottom items gets half invisible.

[kevinguard]

Seeing the same issue.

[emeery]

Hi negomi! How can I hide the vertical scroll, spread the bar a bit by adding some items, how can I hide it try this but it does not work

.bm-item-list {
  overflow-y: hidden;
}
 

[meiremans]

@emeery

.bm-item-list {
overflow-y: hidden !important;
}

[gHashTag]

.bm-item-list { overflow-y: hidden !important; }

.bm-item-list { overflow-y: hidden; }

for me it does not work

my inline style:

bmItemList: { color: '#fff', marginTop: 80, marginLeft: 90 },

How can I disable the vertical scroll in windows os?

[gHashTag]

working:
.bm-menu { overflow-y: hidden !important; }

[vargemp]

For me this worked:
.bm-menu-wrap { overflow: auto; }

.bm-menu { overflow: visible !important; }

You could also have overflow: auto on .bm-menu, but then the cross icon was overlayed by scroll itself.